自己用webpack搭建vue项目时，遇到[VueLoaderPlugin Error] No matching rule for .vue files found.报错

刚开始搭建项目时，马上就以为可以从自己搭建的项目看到HelloWorld的时候，出现了报错。当时是这样写的然后npm运行的时候，报错如下：大致意思为找不到.vue文件的匹配规则，然后查阅了大量资料，有的说是const后面的VueLoaderPlugin需要加{},但是加上之后，又会报错:意思是VueLoaderPlugin不是个函数，重复两种错误，直到最后，查阅才发现一个不起眼的地方：...

a289689344

13464人浏览 · 2019-06-18 11:58:16

a289689344 · 2019-06-18 11:58:16 发布

刚开始搭建项目时，马上就以为可以从自己搭建的项目看到Hello World的时候，出现了报错。当时是这样写的
在这里插入图片描述
然后npm运行的时候，报错如下：
大致意思为找不到.vue文件的匹配规则，然后查阅了大量资料，有的说是const后面的VueLoaderPlugin需要加{},但是加上之后，又会报错:
意思是VueLoaderPlugin不是个函数，重复两种错误，直到最后，查阅才发现一个不起眼的地方：
在这里插入图片描述我把test里面正则匹配的引号去掉后就好了，而且VueLoaderPlugin不需要加{},真的是不起眼，因为查询的时候，好多资料有的带引号有的不带引号，就一直没有注意。幸好完美解决了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^