Vue.js 2.0 Lazy Загрузка

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. Вам необходимо обновить до 5.4, где вы получите поддержку webpack, или вам нужно использовать шаблон vue-webpack для создания вашего пакета.