admin管理员组文章数量:1565773
文章首发—
错误如下:
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 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'
}
},
]
}
};
版权声明:本文标题:【Vue,webpack】报错解决(Module parse failed: Unexpected token (1:0) You may need an appropriate loader) 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1726297954a1064825.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论