Module not found: Can't resolve 'react-dom'

Question

I have tried yarn add react react-dom but still facing these issues.If anyone can help me with this

index.js:1437 D:/ecodocs-admin/node_modules/rc-align/es/Align.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-align\es'
console.<computed> @ index.js:1437
index.js:1437 D:/ecodocs-admin/node_modules/rc-animate/es/AnimateChild.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-animate\es'
console.<computed> @ index.js:1437
index.js:1437 D:/ecodocs-admin/node_modules/rc-time-picker/es/Select.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-time-picker\es'
console.<computed> @ index.js:1437
index.js:1437 D:/ecodocs-admin/node_modules/rc-trigger/es/index.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-trigger\es'
console.<computed> @ index.js:1437
index.js:1437 D:/ecodocs-admin/node_modules/rc-trigger/es/Popup.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-trigger\es'
console.<computed> @ index.js:1437
index.js:1437 D:/ecodocs-admin/node_modules/rc-util/es/Portal.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-util\es'
console.<computed> @ index.js:1437
index.js:1437 D:/ecodocs-admin/node_modules/rc-util/es/ContainerRender.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-util\es'
console.<computed> @ index.js:1437
index.js:1437 D:/ecodocs-admin/node_modules/rc-util/es/Dom/addEventListener.js
Module not found: Can't resolve 'react-dom' in 'D:\ecodocs-admin\node_modules\rc-util\es\Dom'

Nick · Accepted Answer · 2020-06-02 12:10:12Z

4

Use this to install react and react-dom:

yarn add react react-dom

If this not work, you You have to fix the 'externals' configuration in webpack.config :

externals: {
   'react': 'react',
   'react-dom': 'react-dom'
}

edited Jun 2, 2020 at 12:10

answered Jun 2, 2020 at 12:04

Nick

4612 silver badges10 bronze badges

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

2 Comments

Alejo Dev Over a year ago

You just saved me, thank you. But I don't understand, It was working (I had already installed it) It stoped working and it worked again when I added it to externals. Why?

Alejo Dev Over a year ago

I discovered it stoped working when I added alias: { 'react-dom': '@hot-loader/react-dom' } to the resolve section on my webpack config file. I did it to solve a warning in my browser:

react-hot-loader.development.js:2375 React-Hot-Loader: react-🔥-dom patch is not detected. React 16.6+ features may not work

user1205028 · Accepted Answer · 2022-02-23 06:56:10Z

1

I think in many cases people will already have react-dom. If so, based on the comments, I think it is worth checking if you have added @hot-loader/react-dom as an alias, but forgot to install it. In such cases you need to do:

npm install -D @hot-loader/react-dom

answered Feb 23, 2022 at 6:56

user1205028

514 bronze badges

Collectives™ on Stack Overflow

Module not found: Can't resolve 'react-dom'

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related