Question

我正在尝试更新React应用程序的依赖项。此应用程序包含在package.json中定义的脚本，该脚本会为每个语言环境生成消息包。

"scripts": {
  "build:langs": "NODE_ENV=production babel-node scripts/mergeMessages.js"
}

脚本的细节并不重要，但是与this one中的react-intl tutorial非常相似。

在升级依赖项之前，脚本可以运行，但是现在当我在命令行上执行npm run build:langs时，会出现以下错误：

/applications/my-app/scripts/mergeMessages.js:1
import _objectSpread from "/applications/my-app/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread";
       ^^^^^^^^^^^^^

SyntaxError: Unexpected identifier
    at Module._compile (internal/modules/cjs/loader.js:703:23)
    at Module._compile (/applications/my-app/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:770:10)
    at Object.newLoader [as .js] (/applications/my-app/node_modules/pirates/lib/index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:628:32)
    at Function.Module._load (internal/modules/cjs/loader.js:555:12)
    at Function.Module.runMain (internal/modules/cjs/loader.js:824:10)
    at Object.<anonymous> (/applications/my-app/node_modules/@babel/node/lib/_babel-node.js:234:23)
    at Module._compile (internal/modules/cjs/loader.js:759:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:770:10)

我想babel依赖关系最紧密。在升级之前，这些是：

"babel-core": "6.26.0",
"babel-eslint": "7.2.3",
"babel-loader": "7.1.2",
"babel-plugin-react-intl": "2.4.0",
"babel-preset-react-app": "3.1.2",
"babel-cli": "6.26.0",

升级后，babel依赖项为：

"@babel/core": "7.4.4",
"@babel/polyfill": "7.4.4",
"@babel/register": "7.4.4",
"babel-eslint": "10.0.1",
"babel-loader": "8.0.5",
"babel-plugin-named-asset-import": "^0.3.2",
"babel-preset-react-app": "^8.0.0",
"babel-plugin-react-intl": "2.4.0",
"@babel/cli": "~7.4.4",
"@babel/node": "7.2.2",

更新

我没有.babelrc或babel.config.js配置文件，只有package.json中的以下文件

"babel": {
  "presets": [
    "react-app"
  ]
}

Answer 1

来自Babel 7 migration guide：

Babel 6中的babel-node命令是babel-cli软件包的一部分。在Babel 7中，此命令已拆分为自己的@babel/node程序包，因此，如果使用该命令，则需要添加此新依赖项。

Answer 2

如果您使用babel-7，则需要具备以下条件：

尝试使用@babel/preset-react代替babel-preset-react-app。

"@babel/core": "^7.4.4",
"@babel/plugin-proposal-class-properties": "^7.4.4",
"@babel/preset-env": "^7.4.4",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.5",

package.json中的

和babel-config应该为：

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties"
  ]
}

执行NPM脚本时出现SyntaxError

更新

2 个答案: