首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Vue.js 2.0延迟加载

Vue.js 2.0延迟加载
EN

Stack Overflow用户
提问于 2017-01-05 16:24:41
回答 0查看 1.8K关注 0票数 2

我正在尝试在Laravel2.0中延迟加载我的组件(在Vue.js 5.3项目中)。

根据documentation,我应该这样做:

代码语言:javascript
复制
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 }
        }
    ]
});

但是我得到了很多错误:

代码语言:javascript
复制
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,这是我的gulp文件:

代码语言:javascript
复制
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');
});

我做错了什么?

会对我有很大帮助。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41480266

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档