반작용 : 방법 "시스템"을 해결하기 위해

Question

을 정의되지 않은 내가 추가하려고 반응-구성 요소 비동기 구성 요소

참조 : 반응 - 냉각 스타터 boilter - 구개

참조를 사용하여 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') 
}); 

, 그것은가 발생하고 아래의 "시스템이 정의되어 있지 않습니다"라는 오류가 발생합니다.

전역 범위에서 "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') 
}); 

당신을 도울 수있다.