Cannot read properties of undefined (reading ‘styles‘)，使用webpack5搭建vue项目，vue-loader报错解决

其中版本vue-loader@17.0.0，vue-template-compiler和vue都是2.7。百度之后看到有人说是vue-loader版本问题，然后在vue-loader的github的。意思是vue2的话，vue-loader版本要低于等于15。，卸载17版本的vue-loader后，再安装15版本的。，最终不再报错，并能对vue文件进行加载。

小龟壳@greaclar

5005人浏览 · 2023-05-14 17:31:44

小龟壳@greaclar · 2023-05-14 17:31:44 发布

跟着官网，尝试在webpack5中加载vue文件时报错:
Cannot read properties of undefined (reading ‘styles’)

其中版本vue-loader@17.0.0，vue-template-compiler和vue都是2.7

百度之后看到有人说是vue-loader版本问题，然后在vue-loader的github的issue里找到了相关的问答：
在这里插入图片描述
意思是vue2的话，vue-loader版本要低于等于15。

于是运行npm rm vue-loader，卸载17版本的vue-loader后，再安装15版本的npm i vue-loader@15 -D，最终不再报错，并能对vue文件进行加载。

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}$/, //不连续的两位字母// /^