簡體   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