Question

我正在使用vue和webpack编写SPA应用程序。现在，我正在尝试进行延迟加载和代码拆分，以优化webpack软件包的大小。

我加载这样的路由： const Route = () => import('../components/***/****')

当我尝试更改url时出现错误：

Loading chunk 30 failed. at HTMLScriptElement.onScriptComplete

我做错了什么？我该如何解决这个问题？

Answer 1

您应该像这样配置路由器

import Router from 'vue-router' 

Vue.use(Router);

export default new Router({
  mode: 'history',
  routes: [ 
    {
      path: '/my/specific/route',
      name: 'mySpecificroute',
      component: () => import(/* webpackChunkName: "SpecificRoute" */ './components/****/****')
    }, 
  ]
})

为什么不能加载块？

1 个答案: