javascript - 导入 react 引导模式崩溃 react 应用程序

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 版本如下:

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

Answer 1

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

您也可以将 React 升级到 15.5.4。

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

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