小秦哥 发表于 2025-4-16 10:08:38

Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

今天写项目的时候遇到一个报错,在网上查找到相识决方法,这里备份一下。防止下次再次遇到
原文章链接:Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
报错内容如下:
https://i-blog.csdnimg.cn/direct/ed374859a0484eedb46ca4cae3a8cb91.png
Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import 1 @import “./src/styles/global.scss”;
这是由于 @import 规则已被弃用,并将在Dart Sass 3.0.0中删除。
解决方法:
1.修改全局样式引入,将引用 @import 改成 @use,代码如下:
css: {
    preprocessorOptions: {
      scss: {
      additionalData: `@use "./src/styles/global.scss" as *;`
      }
    }
},
2.修改全局变量
$--color-primary: #409EFF; 修改为 $colorPrimary: #409EFF;,并且修改替换利用的变量名
如许题目就解决了

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.