が反応：どのように "システム" を解決するために

Question

に定義されていない、私が追加しようとした反応成分-非同期コンポーネント

参考：反応-クールスターターboilter-口蓋

のRefを使用してhttps://github.com/ctrlplusb/react-async-component

：https://github.com/wellyshen/react-cool-starter

残念ながら、ホームコンポーネントを以下のコードで非同期コンポーネントで書き直すと、

import { asyncComponent } from 'react-async-component'; 

export default asyncComponent({ 
    resolve:() => System.import('./home') 
}); 

次にwebpackで再構築すると、「システムが定義されていません」というエラーが表示されます。

グローバルスコープで "System.import"をどのように使用するか教えてください。

Answer 1

npmからSystemJSをインストールし、コンポーネントファイルにインポートする必要があります。あなたを助けるかもしれない

npm install systemjs 

AsyncComponent

import { asyncComponent } from 'react-async-component'; 
import System from 'systemjs' 

export default asyncComponent({ 
    resolve:() => System.import('./home') 
}); 

。