我有以下基本起点来加载组件via import()。
function getComponentAsync(importPath: string) {
return async (nextState, callback) => {
const { default: Component } = await import(importPath);
callback(null, Component);
}
}
export default (
<Route path="/" component={App}>
<IndexRoute getComponent={getComponentAsync('app/components/Home')} />
</Route>
);
目标是简单地在某个路径上加载组件。但是,我一直遇到一些错误:
我放置了一个调试语句,以确认导入路径已正确传递给该函数。它似乎是。
然而,我真的找不到它想要导入的内容,也没有导致它无法导入...为什么会这样?我还尝试将import
替换为require.ensure
并得到相同的结果。