Question

我尝试添加react-component-async组件

参考：https://github.com/ctrlplusb/react-async-component

使用react-cool-starter boilter-palate

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

不幸的是，当我使用以下代码通过异步组件重写Home Component时。

ctrl+page up

然后使用webpack进行重建，抛出错误并且“＃34;系统未定义＆＃34;如下。

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

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

你能帮我解决一下我如何使用＆＃34; System.import＆＃34;在全球范围内？

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')
});

这可能对你有帮助。

Answer 2

只需使用import()即可。如果您正在使用Babel进行转换，那么它将会理解。

反应：如何解决＆＃34;系统＆＃34;没有定义

2 个答案: