I am getting an error of Html Webpack Plugin in reactjs

Question

My Application was working fine but when I installed material ui npm package my application is giving me this error.

 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

Do you have or intend to have a file such as data.js or similar that you are trying to import and use in your code? — Alexander Staroselsky
– Alexander Staroselsky, Commented Dec 2, 2019 at 18:42
Can you upload your webpack config file please? It would also be helpful to see your package.json file — Michael Abeln
– Michael Abeln, Commented Dec 2, 2019 at 18:42
@AlexanderStaroselsky No, I don't want to add any data.js file. I just started to make this. It was working well initially but when just I installed material ui npm it crashes — Hammad Hassan
– Hammad Hassan, Commented Dec 2, 2019 at 18:46

Dave Clark · Accepted Answer · 2019-12-02 19:23:53Z

4

It looks like there's been a bad build of npm package core-js-compat. This is a deep-down dependency of Babel. Lots of things will be affected, things that use Babel. It's not specifically to do with material-ui -- you were just unfortunate to update your npm package versions while a bad build was live.

You will experience the problem if you have core-js-compat v.3.4.6. You can check this by doing npm list core-js-compat. The problem is apparently fixed by v.3.4.7, which was pushed out pretty quickly, about half-an-hour later, but unfortunately it takes a while to spread out through the repositories. You can either wait until an npm update gets you v.3.4.7 or you can go manually download v.3.4.7 if you want to get going right away.

answered Dec 2, 2019 at 19:23

Dave Clark

3062 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hammad Hassan · Accepted Answer · 2022-05-06 12:12:00Z

0

The problem has been resolved. I realized I am using node.js version 12.13.0, However New version 12.13.1 is already released. So I just updated my node js and my app is now working fine and not showing any issues.

edited May 6, 2022 at 12:12

answered Dec 3, 2019 at 17:35

Hammad Hassan

6227 silver badges24 bronze badges

Collectives™ on Stack Overflow

I am getting an error of Html Webpack Plugin in reactjs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related