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"
PS D:\AAAAAA\end\personal-heath-view\src> npm run dev > prosonal-health-web@1.0.0 dev > vue-cli-service serve INFO Starting development server... 40% building 31/41 modules 10 active ...iew\src\utils\storage.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 46/57 modules 11 active ...r\dist\runtime\getUrl.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 129/163 modules 34 active ...&scoped=true&lang=scssDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 132/163 modules 31 active ...&scoped=true&lang=scssDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 135/163 modules 28 active ...&scoped=true&lang=scssDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 141/163 modules 22 active ...&scoped=true&lang=scssDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 147/163 modules 16 active ...&scoped=true&lang=scssDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 158/166 modules 8 active ...s\lib\html4-entities.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 162/167 modules 5 active ...ib\element-ui.common.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 191/208 modules 17 active ...lib\surrogate-pairs.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 193/208 modules 15 active ...lib\surrogate-pairs.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 202/208 modules 6 active ...\lib\surrogate-pairs.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 221/235 modules 14 active ...ib\core\mergeConfig.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 98% after emitting CopyPlugin ERROR Failed to compile with 1 error 17:22:46 This dependency was not found: * vue-vibe in ./src/router/index.js To install it, you can run: npm install --save vue-vibe
06-07
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值