我在 reactjs 中收到 Html Webpack Plugin 的错误

IT技术 javascript reactjs webpack
2021-05-03 05:54:30

我的应用程序工作正常,但是当我安装材料 ui npm 包时,我的应用程序给了我这个错误。

 Html Webpack Plugin:
  Error: Child compilation failed:
  Module build failed (from ./node_modules/babel-loader/lib/index.js):
  Error: [BABEL] C:\ReactJS work\React Projects\portfolio\node_modules\webpack\b  uildin\global.js: Cannot find module './src/data'
  Require stack:
  - C:\ReactJS work\React Projects\portfolio\node_modules\core-js-compat\helpers  .js
  - C:\ReactJS work\React Projects\portfolio\node_modules\core-js-compat\get-mod  ules-list-for-target-version.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\babel-preset-react-app  \node_modules\@babel\preset-env\lib\polyfills\corejs3\entry-plugin.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\babel-preset-react-app  \node_modules\@babel\preset-env\lib\index.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\babel-preset-react-app  \dependencies.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\@babel\core\lib\config  \files\plugins.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\@babel\core\lib\config  \files\index.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\@babel\core\lib\index.  js
  - C:\ReactJS work\React Projects\portfolio\node_modules\babel-loader\lib\index  .js
  - C:\ReactJS work\React Projects\portfolio\node_modules\loader-runner\lib\load  Loader.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\loader-runner\lib\Load  erRunner.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\webpack\lib\NormalModu  le.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\webpack\lib\NormalModu  leFactory.js
  - C:\ReactJS work\React Projects\portfolio\node_modules\webpack\lib\Compiler.j  s
  - C:\ReactJS work\React Projects\portfolio\node_modules\webpack\lib\webpack.js  - C:\ReactJS work\React Projects\portfolio\node_modules\react-scripts\scripts\  start.js (While processing: "C:\\ReactJS work\\React Projects\\portfolio\\node  _modules\\babel-preset-react-app\\dependencies.js$0$9")

  - loader.js:794 Function.Module._resolveFilename
    internal/modules/cjs/loader.js:794:15

  - loader.js:687 Function.Module._load
    internal/modules/cjs/loader.js:687:27

  - loader.js:849 Module.require
    internal/modules/cjs/loader.js:849:19
2个回答

看起来 npm package 的构建不好core-js-compat这是 Babel 的深层依赖。很多东西都会受到影响,使用 Babel 的东西。它不是专门与 material-ui 相关的——您只是不幸地在错误的构建过程中更新了您的 npm 包版本。

如果你有 core-js-compat v.3.4.6,你会遇到这个问题。您可以通过执行npm list core-js-compat. 这个问题显然是由 v.3.4.7 解决的,它很快被推出,大约半小时后,但不幸的是它需要一段时间才能在存储库中传播。您可以等到npm update获得 v.3.4.7,也可以手动下载 v.3.4.7,如果您想立即开始。

问题已经解决。我意识到我使用的是 node.js 版本 12.13.0,但是新版本 12.13.1 已经发布。所以我刚刚更新了我的节点 js,我的应用程序现在工作正常并且没有显示任何问题。