Javascript，汇总：执行汇总时，汇总内部文件中的 "import" 语法导致语法错误

Question

我有 nodeJS/express 带有汇总捆绑器的应用程序。我使用汇总配置文件，命令在 package.json 中定义，如下所示："build": "env ROLLUP_OPTIONS='prod' rollup --config configs/rollup.config.js"。当我尝试 "npm run build" 时，出现错误：

> deep@1.0.0 watch C:\Users\Desktop\sprout-test\sprout-backend
> env ROLLUP_OPTIONS='dev' rollup --config configs/rollup.config.js --watch



C:\Users\Desktop\sprout-test\sprout-backend\node_modules\rollup\dist\shared\loadConfigFile.js:484
        ? (await import(url.pathToFileURL(fileName).href)).default
                 ^^^^^^

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:616:28)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\Desktop\sprout-test\sprout-backend\node_modules\rollup\dist\bin\rollup:23:25)

这是导致错误的函数，在汇总源代码中：

async function loadConfigFile(fileName, commandOptions) {
    const extension = path.extname(fileName);
    const configFileExport = extension === '.mjs' && supportsNativeESM()
        ? (await import(url.pathToFileURL(fileName).href)).default
        : extension === '.cjs'
            ? getDefaultFromCjs(require(fileName))
            : await getDefaultFromTranspiledConfigFile(fileName, commandOptions.silent);
    return getConfigList(configFileExport, commandOptions);
}

这个函数（上面）放在node_modules/rollup/dist/shared/loadConfigFile.js 的第481 行。Process 将这个函数中的动态导入语法作为语法错误（意外的标记"import"）。似乎汇总在进程执行我自己的配置文件之前抛出了这个错误。据此，我假设汇总源代码导致此错误，而不是我的源代码，因为我的代码没有机会被加载和执行。如果我是对的，玩插件等是没有意义的，因为汇总甚至没有达到这一点，它加载我的插件（例如 babel），我的配置或解析我的代码。根据文档，rollup 应该在其自己的文件和我的配置文件中支持 "import/export" 语法，无需任何额外配置。

这是我的开发依赖列表，其中包含我使用的 Rollup 版本：

"devDependencies": {
    "@babel/core": "^7.9.0",
    "@babel/plugin-transform-runtime": "^7.9.0",
    "@babel/preset-env": "^7.9.5",
    "@rollup/plugin-commonjs": "^11.1.0",
    "@rollup/plugin-json": "^4.0.2",
    "@rollup/plugin-node-resolve": "^7.1.3",
    "@rollup/plugin-run": "^2.0.2",
    "eslint": "^6.8.0",
    "lint-staged": "^10.1.6",
    "prettier": "^2.0.4",
    "rollup": "^2.6.1",
    "rollup-plugin-babel": "^4.4.0",
    "rollup-plugin-includepaths": "^0.2.3",
    "rollup-plugin-uglify": "^6.0.4"
  }

为了以防万一，我放置了整个列表，但正如我所说，我认为我的 babel 插件在这里无关紧要，因为在汇总加载 rollup.config.js 之前抛出错误，其中加载了 babel 配置。重要的是，项目在我创建 repo (windows 10) 的机器上运行没有错误，而在我克隆 repo (windows 7) 的机器上失败 - 所以节点，git 和 npm版本在这里和那里不同。但是根据 package.json 文件，汇总版本在两台机器上是相同的。

我的节点版本（win 7）：8.11.3

我的 npm 版本 (win 7): 6.4.14

我尝试了 (win7) "npm uninstall rollup -g"（只是确定，以防它在全局安装并与项目内版本冲突）但它不起作用。现在我不知道该怎么做，而且我没有找到与我的问题类似的资源。如果有任何建议，我将不胜感激。

Answer 1

您在Win7机器上使用的NodeJS版本与您使用的Rollup版本不兼容，您可以通过检查https://github.com/rollup/rollup/blob/master/package.json#L141来判断。

通过使用引擎属性，NPM 包可以指定它们兼容的 NodeJS 版本，在这种情况下，需要版本 10 或更高版本。

Javascript，汇总：执行汇总时，汇总内部文件中的 "import" 语法导致语法错误

Javascript, rollup: "import" syntax in rollup internal file causes syntax error, when rollup is executed

javascript

npm

ecmascript-6

rollup