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

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