2017-05-08 89 views
1

試圖導入時,我收到以下錯誤反應的自舉模態分量到我的反應項目:導入反應的自舉模式的崩潰反應應用

ERROR in ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js 15:29-72 

ERROR in ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js 13:29-72 

ERROR in ./~/react-dom/lib/ReactDOMInvalidARIAHook.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDOMInvalidARIAHook.js 14:29-72 

ERROR in ./~/react-dom/lib/instantiateReactComponent.js 
Module not found: Error: Cannot resolve module 'react/lib/getNextDebugID' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/instantiateReactComponent.js 20:21-56 

ERROR in ./~/react-dom/lib/ReactDebugTool.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDebugTool.js 16:29-72 

ERROR in ./~/react-dom/lib/ReactChildReconciler.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactChildReconciler.js 29:27-70 37:31-74 

ERROR in ./~/react-dom/lib/flattenChildren.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/flattenChildren.js 26:27-70 42:33-76 

ERROR in ./~/react-dom/lib/checkReactTypeSpec.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib 
@ ./~/react-dom/lib/checkReactTypeSpec.js 29:27-70 71:37-80 

當我刪除,我是從導入模態線react-bootstrap一切正常。

我的反應中的package.json版本如下:

「反應」: 「^ 0.13.3」, 「反應過來的自舉」: 「^ 0.31.0」, 「反應-DOM」 :「^ 15.5.4」,

+0

你能否更新react-version到'15.5.4' too.Also得到最新的react-bootstrap版本 –

+0

更新幫助,但現在我得到錯誤,因爲舊的反應語法,這在項目中更好。無論如何,我最初的問題解決了。 –

+0

React v15.5.4起,引入了一些新的更改,導致React.createClass,React中的PropTypes被棄用,因此您應該轉移到最新的編寫方法。此外,如果您仍想使用舊技術,則可以使用以前的版本 –

回答

0

ReactReactDOM版本與react-bootstrap版本兼容,你需要到相應的包裝更新到最新的版本,因爲你的ReactDOM已經在最新的

可以升級也反應到15.5.4

但是,您可能會遇到最新React版本中所做更改的問題,並且我建議您遵循最新的協議,因爲對舊版本的支持將在更高版本中停止。

不過,如果你還是想用舊的方式,你可以升級反應和反應-DOM使用v15.1.0例如

+0

現在被接受了,我對使用SO非常新穎(我總是剛剛閱讀答案,第一次提問)。 React也是新的,所以所有正確的版本都還不清楚。 –

+0

它是好的@MirkoFlyktman,另外,我認爲你得到的錯誤是因爲最新版本,是固定的 –

0

https://www.npmjs.com/package/react-modal

更好地使用這個庫,這是一個非常好的圖書館,我親自使用過這個並且工作正常。 如果它適合你不要忘記接受和upvote

+0

他的問題不是模式,但版本incomaptibility –

+0

好兄弟,我剛剛告訴了一個替代如果不爲他工作 – Piyush