Javascript 带有react路由器的网页包预取

Javascript 带有react路由器的网页包预取,javascript,reactjs,typescript,webpack,prefetch,Javascript,Reactjs,Typescript,Webpack,Prefetch,我想为React Router中的组件添加预取,但当前该组件是动态导入的。添加webpackprefetch=true不起作用。因此,我想知道将webpackprefetch=true添加到React路由器的最佳方法是什么 我尝试使用: const SCHEDULES = () => import(/* webpackPrefetch: true / / webpackChunkName: "SchedulesPage" */ "./schedules/Schedules"); 但这并不

我想为React Router中的组件添加预取,但当前该组件是动态导入的。添加webpackprefetch=true不起作用。因此,我想知道将webpackprefetch=true添加到React路由器的最佳方法是什么

我尝试使用:

const SCHEDULES = () => import(/* webpackPrefetch: true / / webpackChunkName: "SchedulesPage" */ "./schedules/Schedules");
但这并不会创建一个组件

当前代码:


{/*计划页*/}

您的“当前代码”似乎被注释掉了,我不确定我们应该如何处理格式错误。更正了。希望这能让代码更清晰。你是如何导出这个Schedules组件的?是命名导出还是默认导出?将其导出为“导出默认热(模块)(计划)”在路由加载之前,您是否得到预取组件的答案?