【vue】在lang="less"的style中编写样式报错

Posted 2023-03-15

参考技术A 最近在学习vue，照着B站上的一个项目直接进行实战学习。
链接： https://www.bilibili.com/video/BV1q5411s7wH?t=93
前端项目建好，创建登录页面，更改样式的时候报错了。
报错截图：

根据报错信息，很快便定位到是版本问题。
在网上查找了相关的博客，大多表示是由于less-loader版本过高。
我尝试着将less-loader的版本降低，但是仍然报错。
然后，我按照视频中up主使用的版本，将less以及less-loader卸载后重新安装低版本，项目正常编译。

结局vue-cli style标签(lang="less")内写less嵌套报错

参考技术A 报错： expected,贼恶心。

解决：

让webstrom识别，添加 type="text/less",搞定！改rel="stylesheet/less"并没有什么卵用。