如何修复模块构建失败-未捕获错误:模块构建失败(来自./node_modules/babel-loader/lib/index.js)：

Question

有人能帮我吗？

也是

TypeError: /Users/.../assets/js/theme/global/quick-search.js: Cannot read property 'has' of undefined
    at resolvePath (/Users/.../node_modules/babel-plugin-lodash/lib/importModule.js:22:24)

我已经升级并关注了这个https://github.com/babel/babel-upgrade。我刚刚下载了项目，想在本地启动它，但这个错误真的很令人沮丧。我尝试了很多东西，我发现很多人都有同样的问题。

这是我的package.json

"devDependencies": {
    "@babel/cli": "^7.12.8",
    "@babel/core": "^7.12.9",
    "@babel/node": "^7.12.6",
    "@babel/plugin-proposal-class-properties": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/plugin-transform-regenerator": "^7.0.0",
    "@babel/plugin-transform-runtime": "^7.0.0",
    "@babel/polyfill": "^7.12.1",
    "@babel/preset-env": "^7.12.7",
    "@babel/preset-react": "^7.12.7",
    "@babel/register": "^7.12.1",
    "@bigcommerce/citadel": "~2.15.1",
    "babel-core": "^7.0.0-bridge.0",
    "babel-eslint": "^9.0.0",
    "babel-jest": "^23.4.2",
    "babel-loader": "^8.2.2",
    "babel-plugin-dynamic-import-webpack": "~1.0.2",
    "babel-plugin-lodash": "~3.3.2",
    "clean-webpack-plugin": "~0.1.19",
    "css-loader": "~2.1.1",
    "eslint": "^4.8.0",
    "eslint-config-airbnb": "~16.0.0",
    "eslint-plugin-import": "~2.7.0",
    "eslint-plugin-jsx-a11y": "~6.0.2",
    "eslint-plugin-react": "^7.12.4",
    "grunt": "^1.0.1",
    "grunt-cli": "^1.3.2",
    "grunt-eslint": "^20.0.0",
    "grunt-karma": "^3.0.1",
    "grunt-scss-lint": "^0.5.0",
    "grunt-svgstore": "^2.0.0",
    "imports-loader": "~0.7.1",
    "jasmine-core": "~2.2.0",
    "jest": "^26.6.3",
    "jquery-mask-plugin": "~1.14.15",
    "karma": "^4.0.1",
    "karma-babel-preprocessor": "^7.0.0",
    "karma-coverage": "^1.1.1",
    "karma-es6-shim": "^1.0.0",
    "karma-jasmine": "^1.1.0",
    "karma-phantomjs-launcher": "^1.0.4",
    "karma-sourcemap-loader": "0.3.7",
    "karma-verbose-reporter": "0.0.6",
    "karma-webpack": "^2.0.4",
    "lighthouse": "^4.0.0-alpha.2-3.2.1",
    "load-grunt-config": "~1.0.1",
    "lodash-webpack-plugin": "~0.11.2",
    "mdbreact": "~4.11.1",
    "npx": "~10.2.0",
    "react-google-recaptcha": "~1.0.5",
    "react-inputs-validation": "~2.2.0",
    "react-markdown": "~4.0.6",
    "regenerator-runtime": "^0.13.7",
    "sass-loader": "~7.1.0",
    "style-loader": "~0.23.1",
    "time-grunt": "~1.2.2",
    "webpack": "^4.44.2",
    "webpack-bundle-analyzer": "~3.0.3",
    "webpack-cli": "~3.1.2",
    "webpack-merge": "~4.1.2"
  },

也许是因为我有这两个部门。"@babel/core"："^7.12.9"，"babel-core"：“^7.0.0-bridge.0 ge.0”。我试图删除babel-core，但当我想启动项目时，它告诉我babel-loader需要babel-core。任何帮助都会很好，谢谢！

Answer 1

从Babel 7开始，Babel团队切换到作用域软件包，所以你现在必须使用@babel/core而不是babel-core。但本质上，@babel/core只是babel-core的更新版本。这样做是为了更好地区分哪些包是官方的，哪些是第三方的。-source

我认为删除/卸载babel-core依赖项是正确的，它可能只需要更多的调整才能开始。在您共享的babel upgrade doc中，似乎需要对您的devDependencies进行以下修改：

​

​

在他们的预览中，他们删除了babel-loader“6.0.0”，并添加了babel-loader“v8.0.0-beta.0”。您的一些其他依赖项显示的版本与readMe中的版本不同。你有没有通过切换这两个命令，运行npm i然后npm start来进行测试？

我们的一个开发人员遇到了类似的问题，并通过运行npm update command解决了这个问题！