webpack默认不能处理vue文件,只能自己添加额外的插件进行处理

解决报错如下:
安装两个拓展插件

npm i vue-loader vue-template-compiler -D 

然后在webpack.config.js添加如下配置:

 module: {
        rules: [
            { test:/\.vue$/, loader: 'vue-loader' }   
        ]
    }

如果仍然报错
可能是由于vue-router版本是15以上引起的
需要再额外添加如下配置
webpack.config.js文件:

const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports  = {
    plugins: [   //配置插件的节点,所有插件都要在这里配置
        new VueLoaderPlugin()
    ],
    module: {
        rules: [
            { test:/\.vue$/, loader: 'vue-loader' }  
        ]
    }
};
Logo

前往低代码交流专区

更多推荐