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

Question

构建项目时出现错误：

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

我的开发环境如下：

节点：8.0.0
npm：5.0.0

devDependencies

"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"
}

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 7上使用Babel 6中的插件/预设。这可能很难注意到，如果您使用的是第三方Babel预设，因为预设的版本可能与Babel本身的版本不匹配。

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 文件来配置预设。