Vue.js 2.0遅延読み込み

Question

私はLazyをVue.js 2.0（Laravel 5.3プロジェクト）で読み込みしようとしています。

documentationによると、私はこのようにそれを行う必要があります。

Vue.use(VueRouter); 

const Forum = resolve => require(['./Components/Forum/Forum.vue'], resolve); 

export default new VueRouter({ 
    mode: 'history', 
    routes: [ 

     /** 
     * Forum 
     */ 

     { 
      name: 'Forum', 
      path: '/forum', 
      component: Forum, 
      meta: { requiresAuth: true } 
     } 
    ] 
}); 

しかし、私はエラーの多くを得る：

Uncaught SyntaxError: Unexpected token < 
app.js:130 Error: Loading chunk 0 failed. 
    at HTMLScriptElement.onScriptComplete (app.js:84) 
__webpack_require__.oe @ app.js:130 
vue-router.common.js?37ec:80 [vue-router] Failed to resolve async component default: Error: Loading chunk 0 failed. 

私はこれが私の一気ファイルであるLaravel Elixirを使用しています：

elixir(mix => { 
    mix.webpack('app.js') 
     .styles([ 
      './node_modules/normalize-css/normalize.css', 
      './node_modules/nprogress/nprogress.css', 
      './node_modules/sweetalert/dist/sweetalert.css' 
      ]) 
     .stylus('app.styl'); 
}); 

私は間違っていますか？

本当に助けてくれますか？

Answer 1

Laravel Elixirは、Vueコンポーネントのレイジー読み込みをサポートしていません。 Webpackのサポートが必要な場合は5.4にアップグレードするか、バンドルをビルドするにはvue-webpackテンプレートを使用する必要があります。