sass报错,忽略 Sass 弃用警告,降级版本

最有效的方法是创建一个 .sassrc.json 文件来配置 Sass 编译器。告诉 Sass 编译器忽略来自依赖项的警告消息。

解决方案:

1. 在项目根目录创建 .sassrc.json 文件:

{
  "quietDeps": true
}

这个配置会让 Sass 编译器忽略所有来自依赖项(包括 wot-design-uni)的警告消息。

2. 如果想更精确地控制,也可以使用以下配置:

{
  "quietDeps": true,
  "loadPaths": ["node_modules"]
}

在这里插入图片描述

3. 如果上述方法不起作用,可以在 vite.config.ts 或 vue.config.js 中配置 Sass 选项:

// ... 现有代码 ...
export default defineConfig({
  // ... 其他配置 ...
  css: {
    preprocessorOptions: {
      scss: {
        quietDeps: true
      }
    }
  }
  // ... 其他配置 ...
})

创建完 .sassrc.json 文件后,重新启动开发服务器,Sass 警告应该就不会再显示了。

4. 降级 Sass 版本

如果不能解决问题,你可以考虑降级 Sass 版本到不显示这些警告的版本:

npm install sass@1.32.13 --save-dev

在 package.json 的 scripts 中修改

在构建命令中添加 --quiet 参数来抑制警告:

"dev": "uni --quiet"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值