无法在vue-router中动态加载路由

Question

我的项目太大，无法在此处发布。我使用let foo = ()=>import('./myComp.vue')动态导入我的组件，并且在访问主页而不是访问指定的路径时加载了它。就像普通的import myComp from './myComp.vue'语句一样。如果我在动态导入之前在alert('importing')闭包中foo，则不会发出任何警报。因此，foo关闭在网站启动时不会执行，并且没有错误。

let TPE = ()=>import(/* webpackChunkName: "page.tpe" */'./views/temp.pagecomponent.editor.vue');

export default new Router(
   {
    name: 'tpe',
    path: '/tpe',
    component: TPE
  });

不是动态导入的，访问主页时会加载所有组件。

<link href="/page.tpe.js" rel="prefetch">

这是我html头中的一行，但是我对rel预取一无所获。