2017-03-03 91 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爲本機應用程序。

相關問題