2017-03-03 59 views
6

我见过很多与此类错误相关的帖子。但无法解决在我的。无法解析模块'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 

但是当我做了

npm -v react-dom 

我得到3.10 CMD线0.10。反应是在那里。但我想知道为什么它仍然会出现这个错误。

当我安装通过NPM反应-DOM “NPM安装反应-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 

请帮助。

回答

16

问题react-dom没有安装,当你打npm -v react-dom,它给你的npmreact-dom版本的版本,您可以检查通过使用npm -vnpm -v react-dom都将给你相同的结果。 您正在错误地检查软件包版本。

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

使用此安装反应和反应-DOM:

npm install react react-dom --save 

之后,您可以检查package.json文件,如果反应和反应-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

+1

我在问题中说我安装了react-dom后,我得到了这些错误。现在情况也是如此。 – User1230321

+1

你需要更新东西,运行npm update –

+0

否@Mayank。还是一样。你想让我发布我的package.json文件吗? – User1230321

0

对于任何人读这是无法弄清楚。我遇到了同样的问题,我最终通过安装"react-router" package来解决这个问题,它只是运行以下命令:

npm i react-router-dom --save对于浏览器应用程序。

npm i react-router-native为本机应用程序。

相关问题