Vue 懒加载组件 路径不对

来源:互联网 发布:苹果6数据流量怎么开 编辑:程序博客网 时间:2024/06/05 19:22

最近在使用VueRouter的懒加载组件的时候.

const routes = [    {        path: '/',        component: App    },    {        path: '/category',        component: resolve => {require(['./components/Category.vue'], resolve)}    }]

但是在加载/category的时候,我发现会报错。

原来webpack会把这个懒加载单独加载一个js,默认按照
0.app.js 1.app.js ……的顺序加载的

通过简单的debug发现是0.app.js的路径不对

通过webpack的设置即可解决(我使用的laravel,配置根据情况自行修改)

Elixir.webpack.mergeConfig({    module: {        loaders: [            {                test: /\.css/,                loader: "style!css"            }        ]    },    output: {        publicPath: "js/"    }})

配置下output下的publicPath即可。

原创粉丝点击