无法解析模块"react-dom" [英] Cannot resolve module 'react-dom'

问题描述

我看过几篇与这种类型的错误有关的帖子.但是我无法解决.

I've seen few posts related to this type of error. But couldn't resolve in mine.

我的package.json:

My package.json:

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

我在webpack上遇到以下错误:

I'm getting following error on 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行中

But in the cmd line when I did

npm -v react-dom

我得到3.10.10. react-dom在那儿.但是我不知道为什么它仍然会给出这个错误.

I get 3.10.10. react-dom is there. But I wonder why it still gives this error.

当我通过npm安装"npm install react-dom"并运行webpack时，出现以下错误:

When I installed react-dom through npm "npm install react-dom", and run webpack I get following errors:

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

请帮助.

推荐答案

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

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 that by using npm -v or npm -v react-dom both will give you the same result. You are checking the package version incorrectly.

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

How to install react and react-dom properly?

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

Use this to install react and react-dom:

npm install react react-dom --save

在那之后，您可以检查您的package.json文件，如果react和react-dom已正确安装，您将找到对应的条目.

After that, you can check your package.json file, if react and react-dom has been installed correctly, you will find an entry for that.

如何检查安装软件包的版本?

How to check install package version?

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

To check all the locally installed packages version:

npm list    

对于全局安装的软件包，请同时使用-g:

For globally installed packages, use -g also:

npm list -g

要检查任何特定软件包的版本，请同时指定软件包名称:

To check the version of any specific package, specify the package name also:

npm list PackageName

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

安装后，您的package.json将如下所示:

After installation your package.json will look like this:

{
  "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

Latest version of react-dom is : 15.4.2

参考: https://www.npmjs.com/package/react-dom

这篇关于无法解析模块"react-dom"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！