Javascript Vue.js 2.0延迟加载
我试图在Vue.js 2.0(在Laravel 5.3项目中)中延迟加载我的组件 根据法律,我应该这样做:Javascript Vue.js 2.0延迟加载,javascript,laravel,lazy-loading,vue.js,chunks,Javascript,Laravel,Lazy Loading,Vue.js,Chunks,我试图在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: [ /** * Foru
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不支持Vue组件的延迟加载。您必须升级到5.4,在那里您将获得webpack支持,或者您必须使用vue webpack模板来构建捆绑包 有人吗??
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');
});