繁体   English   中英

ES6使用React Router导入错误

[英]ES6 Import errors with React Router

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

  1. 从应用正常运行的状态开始:
  2. import { FieldArray } from 'react-final-form-arrays'到我的主页
  3. 在热重载时,HomePage的重新呈现失败,因此显示了页眉和页脚,但是HomePage并未重新呈现,但是控制台上没有错误。 如果刷新页面,结果相同
  4. 导航到另一个页面,然后导航回HomePage(现在使用路由器),这会引发错误(请注意,尚未在页面上使用导入):

react.development.js?72d0:207警告:React.createElement:类型无效-预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到了:对象。

检查LoadableComponent的渲染方法。 在Switch(由App创建)在Route(由App创建)的LoadableComponent(由Route创建)中(由App创建)在div(由Context.Consumer创建)在div(由App__AppWrapper创建)在Router的App(由ConnectedRouter创建)在ConnectedRouter(已创建)通过IntlProvider中的Connect(ConnectedRouter)中的Connect(ConnectedRouter))(由LanguageProvider创建),LanguageProvider中的Connect(Connected(LanguageProvider)创建),Provider中的Connect(LanguageProvider)中的Connect

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

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

撞墙撞了3个小时后,这是一个版本控制问题。 默认情况下,npm install安装的依赖项之一的旧版本比需要的版本要旧。 可能可以解决这个问题

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM