无法解析模块“react-dom”

Question

我见过很少有与此类错误相关的帖子。但无法解决我的问题。

我的 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。 react-dom 在那里。但我想知道为什么它仍然给出这个错误。

当我通过 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

请帮忙。

原文由 User1230321 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Issue is react-dom is not installed, when you hit npm -v react-dom , it gives you the version of npm not react-dom version, you can check通过使用 npm -v 或 npm -v react-dom 两者都会给你相同的结果。您正在错误地检查软件包版本。

如何正确安装 react 和 react-dom？

使用它来安装 react 和 react-dom：

 npm install react react-dom --save

之后，您可以检查您的 package.json 文件，如果 react 和 react-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

原文由 Mayank Shukla 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

就我而言，我的 webpack.config.common.js 中有一个别名：

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

我刚刚删除了这一行：

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

它是固定的。

原文由 Milena 发布，翻译遵循 CC BY-SA 4.0 许可协议