Не удается разрешить модуль "React-dom"

Проблема в том, что react-dom не установлен, когда вы нажимаете npm -v react-dom, вы получаете версию npm, а не react-dom, вы можете проверить, что с помощью npm -v или npm -v react-dom оба дадут одинаковый результат. Вы неправильно проверяете версию пакета.

Как правильно установить React и React-dom?

Используйте это, чтобы установить react и react-dom:

npm install react react-dom --save

После этого вы можете проверить свой package.json файл, если response и response-dom установлены правильно, вы найдете соответствующую запись.

Как проверить версию установочного пакета?

Чтобы проверить версию всех локально установленных пакетов:

npm list    

Для глобально установленных пакетов используйте также -g:

npm list -g

Чтобы проверить версию любого конкретного пакета, укажите также имя пакета:

npm list PackageName

For Example =>
   npm list react
   npm list react-router

После установки ваш package.json будет выглядеть так:

{
  "name": "***",
  "version": "1.0.0",
  "main": "***",
  "scripts": {
     ....
  },
  "repository": {
     ....
  },
  "keywords": [],
  "author": "",
  "dependencies": {
    ....
    "react": "^15.4.2",          //react
    "react-dom": "^15.4.2",      //react-dom
     ....
  },
  "devDependencies": {
     ....
  }
}

Последняя версия react-dom: 15.4.2

Ссылка: https://www.npmjs.com/package/react-dom

В моем случае в моем webpack.config.common.js был псевдоним:

 resolve: {
    extensions: ['.js', '.jsx'],
    alias: {
      'react-dom': '@hot-loader/react-dom',
    },
  },

Я только что удалил эту строку:

'react-dom': '@hot-loader/react-dom',

и это было исправлено.

Для тех, кто читает это, но не может этого понять. У меня была та же проблема, которую я решил, установив пакет "response-router" который просто выполняет следующую команду

npm i react-router-dom --save для приложения в браузере.

npm i react-router-native для собственного приложения.

Я использовал npm update, и это решило мою проблему.

Возможно, вам потребуется обновить react и react-dom. Несмотря на то, что react-dom фактически был установлен, у меня была эта проблема на ^15.5.4, и она исчезла с ^16.8.6:

$ # update the react and react-dom modules
$ yarn add react react-dom

Убедитесь, что две версии точно совпадают в package.json:

"react": "^16.8.6",
"react-dom": "^16.8.6",

Удалите yarn.lock, node_modules и yarn еще раз.

rm -Rf yarn.lock node_modules && yarn

В моем случае это был псевдоним в моем webpack.conf, который искал @hot-loader/react-dom.

Попробуйте rm -rf node_modules && yarn или rm -rf node_modules && npm install, если вы используете npm вместо пряжи.

Моя конкретная проблема для получения этой ошибки:

ОШИБКА в ./src/index.js Модуль не найден: Ошибка: не удается разрешить 'eact-dom' в 'C: \ Users \ Jose \ Desktop \ woz-u-React \ React-Course \ react-lesson-one \ src '@ ./src/index.js 2: 0-32 @ multi (webpack) -dev-server / client? http://localhost:8080 ./src/index.js

Чтобы решить эту проблему, мне пришлось распаковать папку перед установкой.

Следующая команда решит проблему.

npm установить react-dom --save

Для тех, кто использует Parcel, это может произойти, если вы настроили таргетинг на Node для приложения на основе браузера.

Parcel может сделать это по вашему package.json тремя способами:

Удалите узел как цель или укажите --target как browser в командной строке.

Также см:

• https://v2.parceljs.org/getting-started/migration/
• https://v2.parceljs.org/configuration/package-json/

Ваше приложение указывает на глобальную версию реакции, поэтому вам необходимо установить его вручную с помощью глобального ключевого слова. Вы также можете сравнить установленную версию response-dom в package.json вашего текущего проекта и глобально установленную версию response-dom с помощью команды npm -v react-dom, если обе разные, тогда вручную установите response dom с помощью команды:

sudo npm install -g [email protected]