类型错误：无法读取未定义的属性“babel”。

Question

以下是我的package.json文件。我已经成功安装了node_modules，但在运行“webpack --watch”时遇到以下错误：

"TypeError: Cannot read property 'babel' of undefined"

请告诉我是否有人知道如何解决这个问题。

"axios": "0.16.2",
"babel-plugin-root-import": "^5.1.0",
"bootstrap": "3.3.7",
"chalk": "^2.3.0",
"chart.js": "^2.7.1",
"del": "^3.0.0",
"html-entities": "^1.2.1",
"jquery": "3.1.1",
"karma-es6-shim": "^1.0.0",
"leaflet": "1.0.*",
"less": "2.7.2",
"libphonenumber-js": "^1.2.12",
"lodash": "4.17.4",
"moment": "^2.19.1",
"store": "^2.0.12",
"url-loader": "0.5.8",
"vee-validate": "2.0.0-rc.7",
"vue": "2.4.2",
"vue-chartjs": "^2.7.2",
"vue-loader": "12.0.3",
"vue-paginate": "3.4.0",
"vue-resource": "1.2.1",
"vue-router": "2.3.1",
"vue-template-compiler": "2.4.2",
"vuejs-datepicker": "0.6.3",
"vuex": "^2.5.0"


 },
  "devDependencies": {
    "babel-cli": "6.23.0",
    "babel-core": "6.23.1",
    "babel-loader": "6.3.2",
    "babel-preset-es2015": "6.22.0",

- Abhilasha

Answer 1

您的babel-loader版本似乎已经过时。请使用npm uninstall babel-loader卸载它，并使用npm i -D babel-loader重新安装。您还可能需要更新babel-preset-env并删除babel-preset-es2015。 https://babeljs.io/docs/en/env/#upgrading-to-babel-preset-env提供了更多信息。

- Chad Pjontek

Answer 2

对我来说，这是webpack和babel-loader版本不匹配的问题。

我使用的是 babel-loader@6.2.0 和 webpack@4.12.0，更新到 babel-loader@7.1.4 可以解决这个问题。

- Divyanshu Rawat