javascript - React Router 的 ES6 导入错误

Question

我遇到的错误令人困惑，以至于我不知道在哪里寻找解决方案，而且这些错误令人担忧，因为它们似乎隐藏在库的深处。
我正在使用样板应用程序 (react-boilerplate) 和表单库 (react-final-forms, react-final-form-arrays) -- 错误和奇怪的行为是在导入时引起的。可重现的步骤如下。

1. 从应用程序正常运行的状态:
2. 从“react-final-form-arrays”导入 { FieldArray} 到我的主页
3. 在热重载时，HomePage 的重新呈现失败，因此显示页眉和页脚但 HomePage 没有重新呈现，但控制台上没有错误。刷新页面同样的结果
4. 导航到另一个页面，然后导航回主页——现在使用路由器——这会抛出错误(注意页面上尚未使用导入):

react.development.js?72d0:207 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of LoadableComponent. in LoadableComponent (created by Route) in Route (created by App) in Switch (created by App) in div (created by Context.Consumer) in StyledComponent (created by App__AppWrapper) in App in Router (created by ConnectedRouter) in ConnectedRouter (created by Connect(ConnectedRouter)) in Connect(ConnectedRouter) in IntlProvider (created by LanguageProvider) in LanguageProvider (created by Connect(LanguageProvider)) in Connect(LanguageProvider) in Provider

1. 删除导入，一切恢复正常。

关于花括号导入的问题通常会被回答为命名导入和默认导入之间的区别一样简单。这里的事情显然更复杂。 (我都试过了，但它肯定应该被命名)。问题是否与加载脚本有关？

Answer 1

在用头撞墙 3 小时后，这是一个版本控制问题。默认情况下，npm install 安装了比所需版本更旧的依赖项之一。可能可以关闭这个问题