设置了 --experimental-modules 的“不能在模块外使用 import 语句”

Question

我正在尝试在我的 Webpack 配置文件中使用 ES 导入，但我没有让 Node 接受它们。

webpack.config.js：

import webpack from 'webpack';

export default {

  mode: 'development'

};

在 package.json 中：

{

  "scripts": {

    "start": "node --experimental-modules node_modules/webpack-dev-server/bin/webpack-dev-server.js"

  }

}

但是，当我尝试使用 运行它时npm start，出现以下错误：

C:\redacted\webpack.config.js:1

import webpack from 'webpack';

^^^^^^

SyntaxError: Cannot use import statement outside a module

    at wrapSafe (internal/modules/cjs/loader.js:1072:16)

    at Module._compile (internal/modules/cjs/loader.js:1122:27)

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)

    at Module.load (internal/modules/cjs/loader.js:1002:32)

    at Function.Module._load (internal/modules/cjs/loader.js:901:14)

    at Module.require (internal/modules/cjs/loader.js:1044:19)

    at require (internal/modules/cjs/helpers.js:77:18)

    at WEBPACK_OPTIONS (C:\redacted\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13)

    at requireConfig (C:\redacted\node_modules\webpack-cli\bin\utils\convert-argv.js:116:6)

    at C:\redacted\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17

我究竟做错了什么？我怎样才能让它尊重 --experimental-modules 标志并允许该import声明？

Answer 1

根据NodeJS 文档，Node 将文件视为 ES 模块.mjs以扩展名结尾的文件.js以最近的父n 文件包含值为 的package.jso顶级字段时结尾的文件。typemodule