Fatal编程技术网
  • javascript/
  • Javascript 在react路由器上找不到加载了异步组件的模块

Javascript 在react路由器上找不到加载了异步组件的模块

javascript reactjs webpack

Javascript 在react路由器上找不到加载了异步组件的模块,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,我有以下加载组件的基本起点 函数getComponentAsync（importPath:string）{ 返回异步（nextState，回调）=>{ const{default:Component}=等待导入（importPath）； 回调（null，组件）； } } 导出默认值( ); 目标是简单地在某个路径加载组件。但是，我一直遇到一些错误： 我放置了一条调试语句，以确认导入路径已正确传递给函数。看来是的 然而，我真的找不到它试图导入什么，也找不到它为什么无法导入它。。。为什么会这样

我有以下加载组件的基本起点

函数getComponentAsync（importPath:string）{ 返回异步（nextState，回调）=>{ const{default:Component}=等待导入（importPath）； 回调（null，组件）； } } 导出默认值( ); 目标是简单地在某个路径加载组件。但是，我一直遇到一些错误：

我放置了一条调试语句，以确认导入路径已正确传递给函数。看来是的

然而，我真的找不到它试图导入什么，也找不到它为什么无法导入它。。。为什么会这样？我还尝试将
import
替换为
require。确保
并得到相同的结果


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