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.

报错内容如下:

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;,并且修改替换使用的变量名

这样问题就解决了

相关推荐
西西木科技丨Shopify开发机构2 分钟前
如何在 Shopify 中建立重定向
前端·html
汪子熙8 分钟前
深入探析 header facets:定位与应用
前端·javascript
你听得到1110 分钟前
从需求到封装:手把手带你打造一个高复用、可定制的Flutter日期选择器
前端·flutter
江城开朗的豌豆14 分钟前
Vue Router vs location.href:导航跳转的正确姿势,你选对了吗?
前端·javascript·vue.js
小磊哥er18 分钟前
【前端工程化】如何制定前端项目中的页面模版?
前端
Liudef0622 分钟前
基于HTML与Java的简易在线会议系统实现
java·前端·html
2401_8812444024 分钟前
javaweb———html
前端·javascript·html
江城开朗的豌豆25 分钟前
玩转Vue Router:这些实用组件让你的SPA如虎添翼!
前端·javascript·vue.js
前端小巷子28 分钟前
Web开发中的文件下载
前端·javascript·面试
peakmain935 分钟前
Gradle 8.11.1的升级之旅
前端