React: Module build failed (from ./node_modules/source-map-loader/dist/cjs.js)

Question

here is the error msg from console:

Error: ENOENT: no such file or directory, open 'C:\Code\django\DRF-REACT\node_modules\prop-types\node_modules\react-is\index.js' at Object.../node_modules/prop-types/node_modules/react-is/index.js (has.js:1:1)

at Object.options.factory (react refresh:6:1)
at __webpack_require__ (bootstrap:24:1)
at fn (hot module replacement:62:1)
at Object.../node_modules/prop-types/index.js (index.js:9:1)
at Object.options.factory (react refresh:6:1)
at __webpack_require__ (bootstrap:24:1)
at fn (hot module replacement:62:1)
at Module.../node_modules/@material-ui/core/esm/AppBar/AppBar.js (log.js:59:1)
at Module.options.factory (react refresh:6:1)

The problem is >react-is is outside of prop-types/node_modules and prop-types/node-modules is an empty folder. I tried to move the react-is into the node modules folder in Vscode but it cannot be done.

Krishnamoorthy Acharya · Accepted Answer · 2023-03-05 11:48:09Z

3

Following steps resolved the issue in my react application

Closed VS studio
Run the following commands
```
npm update 
npm audit fix
npm start 
```

edited Mar 5, 2023 at 11:48

answered Feb 28, 2023 at 12:27

Krishnamoorthy Acharya

4,34440 silver badges35 bronze badges

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

Comments

sid_mac · Accepted Answer · 2022-05-17 18:40:19Z

2

You might have some complications with your node_modules folder and installing react-is.

A couple ideas:

npm install react-is : make sure the package is installed instead of physically moving it.
rm -rf node_modules : delete node_modules folder and do a fresh npm install

One or both of these could help if you haven't done them already.

answered May 17, 2022 at 18:40

sid_mac

3611 gold badge3 silver badges14 bronze badges

1 Comment

ningster Over a year ago

I tried both and react-is is now in the right place. Now I'm getting invalid hook call errors probably because I have 2 copies of node_modules, one at app level and one at the project level. I'm following a youtube tutorial and I can see the tutorial has the same folder structure. Don't why mine is not working.

u4ii4y984484y203r · Accepted Answer · 2023-05-31 18:44:24Z

0

Simply closing VS Studio and running npm start solved the problem for me.

answered May 31, 2023 at 18:44

u4ii4y984484y203r

1058 bronze badges

1 Comment

Decebal Over a year ago

This does not really answer the question. If you have a different question, you can ask it by clicking Ask Question. To get notified when this question gets new answers, you can follow this question. Once you have enough reputation, you can also add a bounty to draw more attention to this question. - From Review

osman · Accepted Answer · 2023-09-14 20:24:33Z

0

I only used another (port) and restart my application using command(npm start). after that the problem was solved

answered Sep 14, 2023 at 20:24

osman

196 bronze badges

Comments

Lakhan Pahane · Accepted Answer · 2023-10-31 05:31:56Z

0

close the vs code, close the application and restart both, it works properly.. :) Goes the error...!

answered Oct 31, 2023 at 5:31

Lakhan Pahane

1

Comments

Balaji Venkatraman · Accepted Answer · 2024-02-15 12:17:56Z

0

Delete node_modules
Delete package.lock.json
run npm clean cache
run npm i
Then run npm start

answered Feb 15, 2024 at 12:17

Balaji Venkatraman

1,37012 silver badges25 bronze badges

Collectives™ on Stack Overflow

React: Module build failed (from ./node_modules/source-map-loader/dist/cjs.js)

6 Answers 6

Comments

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related