为什么汇总会抛出“必须使用导入来加载 ES 模块”？答案

【问题标题】：Why does rollup throw "Must use import to load ES Module"?为什么汇总会抛出“必须使用导入来加载 ES 模块”？
【发布时间】：2020-01-16 10:18:22
【问题描述】：

我有以下代码可以很好地用于汇总...

// rollup.config.js
import pkg from './package.json';

export default [{
  input: pkg.src,
  external: ['ms'],
  output: [
    {
        file: pkg.main,
        format: 'esm'
    }
  ]
}];

我创建了一个项目来制作简单的 UMD、CJS 和 ESM，所以现在我想制作代码......

import { getMJS } from "@jrg/build"

import pkg from './package.json';

export default [
  getMJS(pkg)
];

但是当我尝试运行它时，我得到...

[!] Error: Must use import to load ES Module: /.../web-components/packages/base/node_modules/@jrg/build/dist/index.mjs
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /.../web-components/packages/base/node_modules/@jrg/build/dist/index.mjs
    at Module.load (internal/modules/cjs/loader.js:1048:11)

我错过了什么？ @jrg/build 中的 index.mjs 文件是...

// node_modules/@jrg/index.mjs
import { string } from 'rollup-plugin-string';

const myString = string({
  include: "**/*.(html|css|svg)"
})

const getMJS = function(pkg, plugins){
  plugins = plugins || [ ];
  plugins.push(myString);
  return {
    input: pkg.src,
    plugins: plugins,
    external: ['ms'],
    output: [
      {
        file: pkg.main,
        format: 'esm'
      }
    ]
  }
};
export { getMJS };

更新

所以如果我使用这样的 CJS 版本，它确实可以工作......

import * as build from "@jrg/build/dist/index.cjs"

export default [build.getMJS(pkg)];

但如果我尝试更改为 rollup.config.mjs 并运行 rollup -c rollup.config.mjs 我会得到...

[!] TypeError: defaultLoader is not a function

【问题讨论】：

标签： rollupjs

【解决方案1】：

使用相对路径对我很有效...

import {getMJS, getUMD} from "../../node_modules/@jrg-material/build/dist/index.mjs"

【讨论】：