javascript - 我在 reactjs 中收到 Html Webpack 插件错误

Question

我的应用程序运行良好，但当我安装 material 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

Answer 1

看起来 npm 包 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。