导入 react-bootstrap 模态崩溃反应应用程序

Question

我在尝试将 react-bootstrap Modal 组件导入我的 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 导入模态的行时，一切正常。

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

"react": "^0.13.3", "react-bootstrap": "^0.31.0", "react-dom": "^15.5.4",

Answer 1

你的React和ReactDOM版本不兼容react-bootstrap版本，你的ReactDOM已经是最新版本了，你需要更新相应的包到最新版本

您也可以将 React 升级到 15.5.4。

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

但是，如果您仍想使用旧方法，则可以将 react 和 react-dom 升级为使用 v15.1.0，例如

Answer 2

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

最好使用这个库，这是一个非常好的库，因为我亲自使用过它并且工作正常。如果对你有用别忘了点个赞

导入 react-bootstrap 模态崩溃反应应用程序

Importing react-bootstrap modal crashes react app

javascript

reactjs

react-bootstrap