导入 react-bootstrap 模态崩溃 react app答案

【问题标题】：Importing react-bootstrap modal crashes react app导入 react-bootstrap 模态崩溃 react app
【发布时间】：2017-10-06 05:00:18
【问题描述】：

尝试将 react-bootstrap 模态组件导入我的 react 项目时出现以下错误：

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 导入 Modal 的行时，一切正常。

我在 package.json 中的 react 版本如下：

“反应”：“^0.13.3”， “反应引导”：“^0.31.0”， "react-dom": "^15.5.4",

【问题讨论】：

你能不能把 react-version 也更新成15.5.4。同时获取最新的 react-bootstrap 版本
更新有帮助，但现在由于旧的反应语法而出现错误，最好在项目中使用。无论如何，我最初的问题得到了解决。
React v15.5.4 以后，引入了一些新的变化，这导致 React.createClass，React 中的 PropTypes 被弃用，因此你应该转向最新的写作方法，如果你仍然想使用旧技术，您可以使用以前的版本

标签： javascript reactjs react-bootstrap

【解决方案1】：

您的React 和ReactDOM 版本与react-bootstrap 版本不兼容，您需要将各自的包更新到最新版本，因为您的ReactDOM 已经是最新的了

你也可以将 React 升级到 15.5.4。

但是，您可能会遇到在最新 React 版本中所做更改的问题，我建议您遵循最新协议，因为对旧版本的支持将在以后的版本中停止。

但是如果你仍然想使用旧的方式，你可以升级 react 和 react-dom 以使用 v15.1.0 例如

【讨论】：

它现在被接受了，我对使用 SO 很陌生（我总是只阅读答案，第一次提问）。 React 也是新的，所以所有正确的版本还不清楚。
没关系@MirkoFlyktman，另外，我认为您因最新版本而遇到的错误已修复

【解决方案2】：

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

更好地使用这个库，这是一个非常好的库，因为我个人使用过它并且工作正常。如果它对您有用，请不要忘记接受和支持

【讨论】：

他的问题不是模态问题，而是版本不兼容
好的兄弟，我刚刚告诉了一个替代方案，如果这对他不起作用