使用webpack引入vue文件时,老是报出如下错误:
image.png
这个错误说明的就是无法解析引入的vue文件,这时候就是看是否添加了解析vue文件的webpack loader,如果引入了vue-loader
之后还是报错,那么可能是webpack的配置文件写错了,注意检查webpack配置文件中的如下代码:
module: {
// 配置loader
rules: [
{
test: /\.vue$/,
use: ['vue-loader']
},
{
test: /\.js$/,
use: ['babel-loader'],
exclude: '/node_moduels/'
}
]
}
注意:上面test后面的正则是不需要单引号括起来的
网友评论