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' }
]
}
};