[Vue，webpack]报错解决
0 / 0 / 创建于 1年前 /
Richard852555 的个人博客
错误如下：
（Module parse failed: Unexpected token (1:0) You may need an appropriate loader）
webpack 默认是不能处理 vue 文件，所以只能我们自己添加一些额外的插件进行处理它。
解决方式：
第一步：安装插件
cnpm i vue-loader vue-template-compiler --save-dev第二步：在 webpack.config.js 添加如下配置：
module: {
rules: [
{
test: /\.vue$/,
use: {
loader: 'vue-loader'
}
},
]
}
然后重新运行，如果还报错可能是 vue-loader 版本的原因，你的版本太高了。
我们又两种方式来解决这个问题：
方式一：减低 vue-loader 的版本
将 vue-loader 的版本减低问 14.0.0 以下。
cnpm i loader@13.0.0"">vue-loader@13.0.0 –save-dev
方式二：额外的在 webpack.config.js 添加一些配置。
//引入vue-loader/lib/plugin
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
plugins: [
new VueLoaderPlugin()
],
module: {
rules: [
{
test: /\.vue$/,
use: {
loader: 'vue-loader'
}
},
]
}
};版权声明：本文为 CSDN 博主「阿清呀.」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：blog.csdn.net/wzg0817/article/deta...
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：