問題タブ [react-lazy-load]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
484 参照

javascript - react lazy uncaught undefined エラーが発生しました

ソースに react-lazy を採用しようとしています。でも何がいけないのかわからない..

2つのことを確認しました。

  1. homeContainer コンポーネントのエクスポート方法を確認してください。デフォルトのエクスポートなので、遅延コンポーネントの使用には影響しません(デフォルトのHomeContainerをエクスポート)
  2. Home Component のコンソールをやった.. $$typeof: Symbol(react.lazy), _init, payload だ..いいのかわからない.. 大丈夫?

アプリを実行すると、3 つのエラーが発生しました...しかし、何が問題なのかわかりません...

  1. キャッチされていない未定義の readLazyComponentType
  2. (インデックス):22 Uncaught TypeError: index.22 で未定義のプロパティ 'includes' を読み取ることができません
  3. 上記のエラーは、React コンポーネントの 1 つで発生しました: in Unknown (Context.Consumer によって作成された)

App.tsx で Route ベースのコンポーネントを宣言しました。私のモジュールのバージョンは、react: 16.9.16、react-dom: 16.9.4 です。