使用React路由器导入ES6错误

Question

我收到的错误让我非常困惑，以至于我不知道在哪里寻找解决方案，而这些错误是值得关注的，因为它们似乎隐藏在库的深处。

我正在使用一个样板应用程序(react-boilerplate)和一个表单库(react-final-forms，react-final-form-arrays) --这些错误和奇怪的行为是在导入时引起的。可重复的步骤如下。

1. 从一个应用程序运行良好的状态：
2. import { FieldArray } from 'react-final-form-arrays'到我的HomePage
3. 在热重新加载时，HomePage的重新呈现将失败，因此将显示页眉和页脚，但HomePage不会重新呈现，但控制台上没有错误。如果刷新页面的结果相同
4. 导航到另一个页面，然后导航回HomePage --现在使用路由器--这会引发错误(注意导入还没有在页面上使用)：

react.development.js?72d0:207警告: React.createElement: type无效--需要一个字符串(用于内置组件)或类/函数(用于复合组件)，但是React.createElement: object。 检查LoadableComponent的呈现方法。在LoadableComponent (由路由创建)中，路由(由应用程序创建)、交换机(由应用程序创建)、div (由Context.Consumer创建)、StyledComponent (由App__AppWrapper创建)、应用路由器(由ConnectedRouter创建)、ConnectedRouter(由连接( ConnectedRouter)创建)、ConnectedRouter(由连接(ConnectedRouter)创建)、IntlProvider (由LanguageProvider创建)、LanguageProvider(由连接( LanguageProvider)创建)、提供者(LanguageProvider)中的连接(LanguageProvider)创建

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

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

Answer 1

在头撞墙3小时后，这是一个版本问题。默认情况下，npm安装会安装一个比所需的更早版本的依赖项。也许可以结束这个问题