模块构建失败（来自./node_modules/babel-loader/lib/index.js）：TypeError：无法读取null的'绑定'属性。

Question

构建项目时出现了错误：

Module build failed (from ./node_modules/babel-loader/lib/index.js):
TypeError: Cannot read property 'bindings' of null

我的开发环境如下：

Node版本：8.0.0
npm版本：5.0.0

开发依赖项

"devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.0",
    "babel-preset-env": "^1.7.0",
    "webpack": "^4.17.1",
    "webpack-dev-server": "^3.1.7"
}

- jini

Answer 1

babel-loader@8.x 使用的是 Babel 7.x，其中包括 @babel/core@^7.0.0，更重要的是你需要使用 @babel/preset-env@7 来替换 babel-preset-env@^1.7.0。

请确保进行以下操作：

npm install @babel/core @babel/preset-env

并更新您的Babel配置以使用@babel/preset-env代替babel-preset-env，例如：

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

注意：对于其他遇到此问题的人，可能是因为你正在使用来自Babel 6的插件/预设集在Babel 7上。如果您使用的是第三方Babel预设，则很难注意到这一点，因为预设的版本可能与Babel本身的版本不匹配。

- loganfsmyth

---

我遇到了这个问题，我已经尝试了上述方法，但是发现从我的.babelrc预设中删除airbnb可以解决这个问题（显然不兼容v7）。 - Greg K

我把设置放在了 gulpfile.js 中，所以很长一段时间我都没有注意到它们。 - Alexandr Kazakov

Answer 2

错误信息也可以出现为以下内容：

ERROR in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module './src/data'

我已修复它，使用以下内容：

package.json

"devDependencies": {
    "@babel/core": "^7.7.4",
    "@babel/preset-env": "^7.7.4",

或者使用: npm install -D babel-loader @babel/core @babel/preset-env

注意：我不需要创建一个.babelrc文件来配置预设。

- rios0rios0