升级到 Babel 7：无法读取 null 的属性“绑定”

IT技术 javascript node.js babeljs
2021-02-28 00:43:08

我刚刚通过运行以下命令升级到Babel 7（从 6）：

npm remove babel-cli
npm install --save-dev @babel/cli @babel/core @babel/preset-env

这是我的.babelrc文件：

{ "presets": ["env"] }

然后我跑了：

babel js/src --out-dir js/dist

结果是：

TypeError: Cannot read property 'bindings' of null
    at Scope.moveBindingTo (/xyz/node_modules/@babel/traverse/lib/scope/index.js:867:13)
    at BlockScoping.updateScopeInfo (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:364:17)
    at BlockScoping.run (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:330:12)
    at PluginPass.BlockStatementSwitchStatementProgram (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:70:24)
    at newFn (/xyz/node_modules/@babel/traverse/lib/visitors.js:193:21)
    at NodePath._call (/xyz/node_modules/@babel/traverse/lib/path/context.js:53:20)
    at NodePath.call (/xyz/node_modules/@babel/traverse/lib/path/context.js:40:17)
    at NodePath.visit (/xyz/node_modules/@babel/traverse/lib/path/context.js:88:12)
    at TraversalContext.visitQueue (/xyz/node_modules/@babel/traverse/lib/context.js:118:16)
    at TraversalContext.visitSingle (/xyz/node_modules/@babel/traverse/lib/context.js:90:19)

我做错了什么？

1个回答

在您的.babelrc文件中，更改

{ "presets": ["env"] }

到 

{ "presets": ["@babel/preset-env"] }

（如果您还没有安装该软件包，请安装该软件包）。

在您.babelrc仍然引用包babel-preset-env（适用于 6.x）时，您想改为引用@babel/preset-env（适用于 7.x）。

https://github.com/babel/babel/issues/6186#issuecomment-366556833

注意：webpack.config.js如果它也存在，您也应该进行此更改。

这是您应该更改预设的示例 webpack 配置部分：

use: {
  loader: 'babel-loader',
  options: {
    // Here you should change 'env' to '@babel/preset-env'
    presets: ['@babel/preset-env'],
  },
},
@connexo 对我很有帮助。Thx mangrove108
2021-04-23 00:43:08
同样重要的是要安装@babel/preset，这里解释了stackoverflow.com/a/61889105/6221709
2021-05-03 00:43:08
@mangrove108 （如果您还没有安装该软件包）。这篇文章不是关于“如何安装 npm 包”。
2021-05-04 00:43:08
请注意，webpack.config.js如果它也存在，您也应该进行此更改。
2021-05-06 00:43:08
其它你可能感兴趣的问题
上一篇如何模拟 ES6 module的导入？ 下一篇如何在javascript中实现区域/代码折叠