Vue vue 使用 lang="scss" 报错

Posted 2023-03-23

参考技术A 原文链接： https://blog.csdn.net/HH18700418030/article/details/101035561

新建的项目使用 lang="scss 报错，如下所示：

解决方法：

输入如下命令：

不能直接使用命令：

不然会报以下错误：

Module build failed: TypeError: this.getResolve is not a function at Object.loader
1
因为当前sass的版本太高，webpack编译时出现了错误，所以指定：npm install sass-loader@7.3.1 --save-dev 安装低版本的。

接下来，在build/webpack.base.config.js中添加：

如图：

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

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

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