web-dev-qa-db-ja.com

モジュール 'react-dom'を解決できません

このタイプのエラーに関連する投稿はほとんど見ていません。しかし、私には解決できませんでした。

私のpackage.json：

"react": "~0.14.7",
"webpack": "^1.12.13",
"react-hot-loader": "^3.0.0-beta.6",
.
.

Webpackで次のエラーが発生しています：

ERROR in ./public/src/main.js
Module not found: Error: Cannot resolve module 'react-dom' in C:\Users\react-example\public\src 
@ ./public/src/main.js 19:16-36

しかし、私がしたときにcmd行で

npm -v react-dom

3.10.10を取得します。反応ドームがあります。しかし、なぜこのエラーが発生するのでしょうか。

Npm "npm install react-dom"でreact-domをインストールし、webpackを実行すると、次のエラーが表示されます。

ERROR in ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js 13:29-72

ERROR in ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js 15:29-72

ERROR in ./~/react-dom/lib/ReactDOMInvalidARIAHook.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDOMInvalidARIAHook.js 14:29-72

ERROR in ./~/react-dom/lib/ReactDebugTool.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDebugTool.js 16:29-72

助けてください。

reactjswebpackreact-domreact-hot-loader
21
User1230321

これを読んでいる人にとっては、それを理解することができませんでした。 "react-router" package をインストールすることで解決した同じ問題がありましたが、これは単に次のコマンドを実行しています

npm i react-router-dom --saveブラウザーアプリの場合。

npm i react-router-nativeネイティブアプリの場合。

4
Kankuro

「npm update」を使用して問題を解決しました。

2
Djesu

私の場合、webpack.config.common.jsにエイリアスがありました。

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

私はこの行を削除しました：

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

そしてそれは修正されました。

1
Milena

私の場合、それはwebpack.confにあるエイリアスであり、@hot-loader/react-dom。

1
ATOzTOA

reactおよびreact-domの更新が必要になる場合があります。 react-domが実際にインストールされているにもかかわらず、私は^15.5.4でこの問題を抱えていましたが、^16.8.6でなくなりました：

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

2つのバージョンがpackage.jsonで正確に一致することを確認します。

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

yarn.lock、node_modules、およびyarnを再度削除します。

rm -Rf yarn.lock node_modules && yarn
1
Kevin Reilly

rm -rf node_modules && yarn または rm -rf node_modules && npm install糸の代わりにnpmを使用する場合。

0
Ayesha O.

このエラーを取得するための私の特定の問題：

./src/index.jsモジュールのエラーが見つかりません：エラー：「C：\ Users\Jose\Desktop\woz-u-React\React-Course\react-lesson-oneの「eact-dom」を解決できません\ src '@ ./src/index.js 2：0-32 @ multi（webpack）-dev-server/client？ http：// localhost：808 ./src/index.js

この問題を解決するには、インストールする前にフォルダーを解凍する必要がありました。

0
Jose Salazar