reactjs - 无法解析模块 '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

但是当我这样做时在命令行中

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

请帮忙。

Answer 1

问题是 react-dom 未安装，当您点击 npm -v react-dom 时，它会为您提供 npm 的版本不是 react-dom 版本，您可以使用 npm -v 或 npm -v react-dom 来检查是否会给出相同的结果。您检查的软件包版本不正确。

How to install react and react-dom properly?

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

npm install react react-dom --save

之后，你可以检查你的package.json文件，如果react和react-dom已经正确安装，你会找到一个条目。

How to check install package version?

检查所有本地安装的软件包版本:

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