在反应路由器上找不到异步组件加载的模块

时间:2017-03-03 20:51:25

标签: javascript reactjs webpack

我有以下基本起点来加载组件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>
);

目标是简单地在某个路径上加载组件。但是,我一直遇到一些错误:

Errors in console

我放置了一个调试语句,以确认导入路径已正确传递给该函数。它似乎是。

Debugger in chrome console shows correct values.

然而,我真的找不到它想要导入的内容,也没有导致它无法导入...为什么会这样?我还尝试将import替换为require.ensure并得到相同的结果。

0 个答案:

没有答案