[英]Vue.js 2.0 Lazy Loading
我正在嘗試在Vue.js 2.0中延遲加載我的組件(在Laravel 5.3項目中)。
根據文檔,我應該這樣做:
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
這是我的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');
});
我究竟做錯了什么?
真的會幫助我。
Laravel Elixir
不支持Vue組件的延遲加載。 您必須升級到5.4,以獲得Webpack支持,或者必須使用vue-webpack模板來構建軟件包。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.