Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0

已于 2025-03-26 20:56:47 修改
阅读量531 收藏 1
点赞数 4
CC 4.0 BY-SA版权
文章标签： sass 前端 css
于 2025-03-26 20:49:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/toolsend/article/details/146540525

该问题是因为sass 版本过高导致，消除控制台影响，只需要降低sass版本

执行

卸载当前sass: 

 npm uninstall sass --save-dev  

安装低版本sass

sudo npm install sass@1.69.1 --save-dev

用 Sass 模块化系统取代全局导入，消除 1.80.0 引入的 @import 弃用警告
每天都要努力学习哦~~
12-12 5882
最初，Sass 使用@import规则通过单个全局命名空间加载其他文件，所有内置函数也可全局使用。由于模块系统（@use和@forward规则）已经推出多年，我们现已弃用 Sass@import规则和全局内置函数。@import会导致许多问题，需要手动为 Sass 成员指定命名空间以避免冲突，当多次导入同一个文件时会减慢编译速度，并且使人类和工具都很难分辨给定变量、混合或函数来自何处。模块系统修复了这些问题，并使 Sass 的模块化与其他现代语言的最佳实践相媲美，但只要@import。
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
mingY的博客
05-08 1404
在 Dart Sass 3.0.0 中， @import 规则将被弃用，推荐使用 @use 和 @forward 规则来替代。1.@use替代@import@use 规则允许你引入其他 Sass 文件中的变量、混合器和函数，并且可以避免命名冲突。
报错Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
weixin_68340504的博客
11-25 7798
但是我的版本没有到1.8.0但是还是报这个错是为啥？于是我去看我node_modules包里看到sass版本发现版本已经超过1.8.0了，而我package.json版本写的是"sass": "^1.50.1",就是前面"^"这个符号的影响导致他中版本自动更新最新的，要么把^去掉，要么改成"~"只更新小版本，重新下载依赖就好了。官方文档，发现是scss版本高于1.8.0就要把@import改成@use,但是uview-plus官方推荐版本降低到1.63.2，
关于DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
sinat_39956944的博客
07-31 8107
关于DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 的解决办法解决办法问题sass官方解释 解决办法 因为Dart sass 新版本目弃用“/”的用法，sass自定义element theme时会报warnning。既然"/2”报错，那我们可以变为*0.5"。解决步骤如下： npm install -g sass-migrator 进入项目node_modules
Deprecation Warning [import]:Sass @import rules are deprecated and will be removed in Dart Sass 3.0.
weixin_45190306的博客
04-08 1295
但是对于我这边的项目来说，在vite.config.js将additionalData的@import改成@use无用，因为在styles文件夹里，我还有很多的引用，所以就会出现各种不同的问题出现。目前我直接用了"element-plus": “2.8.4”，“sass”: “1.59.3”；@use 与 @import 的区别：@use 会将模块中的成员封装在一个命名空间中，默认情况下需要使用命名空间前缀来访问这些成员。主要是版本不对，需要将@import 改成 @use；
报错 Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass
Sol的博客
03-03 4125
use 与 @import 的区别：@use 会将模块中的成员封装在一个命名空间中，默认情况下需要使用命名空间前缀来访问这些成员。使用 as * 可以将所有成员引入到全局命名空间，但在大型项目中，建议使用更具描述性的命名空间，避免命名冲突。这个警告是因为在 Dart Sass 中，传统的 @import 规则已被弃用，将在 Dart Sass 3.0.0 版本中移除，推荐使用 @use 和 @forward 规则来替代。修改 vite.config.js 文件，同样把 @import 替换成 @use。
【报错】Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
weixin_42050406的博客
12-20 3700
今天拉了一个项目，装完依赖之后跑，有奇怪报错，然后卡住。
vue vite sass 报错处理 Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0
m0_74823561的博客
01-01 4512
api: ‘modern-compiler’, // 修改api调用方式。sass 1.80 全局变量和 mixin 需要手动导出。sass 1.80 不再支持老的 js api 接口。sass 1.80 不再支持全局内置函数。, // 导出全局变量和 mixin。sass 1.80 不再支持。需要使用 `@use’
Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
最新发布
06-05
我们正在解决Sass@import规则在DartSass3.0.0中被弃用的问题。用户需要迁移到@use或@forward规则。根据Sass官方文档[^1]，@import在未来会被移除，建议使用@use和@forward代替。迁移步骤：1.安装支持@use的DartSass...
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
01-21
为了消除 `Sass @import` 规则废弃警告，在 Dart Sass 中推荐使用 `@use` 和 `@forward` 来代替传统的 `@import`[^1]。 #### 使用 `@use` `@use` 是一种更安全的方式引入其他文件中的变量、函数和混合宏。通过这种...
下面这个报错如何解决：Deprecation Warning: 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: 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 './common'; │ ^^^^^^^^^^ ╵ src/components/VxeTable/src/css/index.scss 1:9 root stylesheet 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 ╷ 2 │ @import './variable'; │ ^^^^^^^^^^^^ ╵ src/components/VxeTable/src/css/index.scss 2:9 root stylesheet 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 ╷ 3 │ @import './toolbar'; │ ^^^^^^^^^^^ ╵ src/components/VxeTable/src/css/index.scss 3:9 root stylesheet 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 ╷ 4 │ @import './component'; │ ^^^^^^^^^^^^^ ╵ src/components/VxeTable/src/css/index.scss 4:9 root stylesheet 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 ╷ 5 │ @import 'vxe-table/styles/all'; │ ^^^^^^^^^^^^^^^^^^^^^^ ╵ src/components/VxeTable/src/css/index.scss 5:9 root stylesheet Warning: 1 repetitive deprecation warnings omitted.
03-19
好的，我现在需要帮助用户解决Dart Sass中的弃用警告问题，特别是关于旧版JS API和@import规则的使用。首先，我需要确认用户的问题是什么，然后找出正确的迁移步骤。 用户提到两个警告：一个是关于使用除法符号/被...
Vuepress Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0 错误解决
Ming_360的博客
02-24 1597
非常扯淡的是如果 JS 库的作者不遵守大版本号内保持兼容性的约定，进行了破坏性更新就会导致麻烦，我们就需要写成固定版本号不更新避免掉入坑内。首先，错误原因很简单 sass 在更新到 1.80 版本时进行了破坏性更新，导致之后不再支持 @import 语法，需要使用 @use。的含义是不更新大版本号，但是保持次级版本号更新，相当于限制为当前版本以及到下一个大版本之间的版本，比如。提供给大家作为参考，希望每位开发者都能够遵守版本号的约定，避免带来不必要的麻烦。解决办法就是锁定版本不更新，去掉版本号前面。
sass1.8.0中 @import Deprecation Warning解决办法
kaixing1967的博客
10-24 7705
sass 1.80 不再支持 @import 需要使用 `@use’sass 1.80 全局变量和 mixin 需要手动导出。sass 1.80 不再支持老的 js api 接口。sass 1.80 不再支持全局内置函数。
uniapp修改目录从新运行报错DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sas
baiyajin的博客
11-23 476
DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
uniapp开发小程序使用ts+vue3使用uview-plus遇到的sass不适配问题
liyuxiaomeng的博客
10-28 2991
虽然 Dart Sass 2.0.0 即将发布，但会有各种更小的 重大更改，我们不希望删除 Sass 规则或全局 内置函数，直到 Dart Sass 3.0.0，该版本将不早于 Dart Sass 1.80.0 两年后。同时，您也可以考虑在您的项目中逐步迁移到使用 Dart Sass 支持的新语法和功能，以便在库更新时更容易地进行集成。库有深入的了解，并且愿意承担维护责任，您可以考虑分叉该库并在您自己的版本中进行必要的更新。此外，我们还 弃用可用的 Sass 内置函数的全局版本 在模块中。
Angular由一个bug说起之十四：SCSS @import 警告与解决⽅案
KenkoTech的博客
03-12 725
SCSS @import 警告与解决⽅案⚠ 警告信息?为什么会有这个警告？Sass 官⽅已经废弃 @import ，推荐使⽤ @use 和 @forward 进⾏模块化管理。其主要原因包括：1.： @import 允许多个⽂件共享变量和混合宏，可能导致命名冲突。2.： @import 可能导致相同的⽂件被导⼊多次，影响编译性能。3.： @import 导⼊的所有内容都是全局的，⽽ @use 采⽤更严格的作⽤域管理，避免变量污染。?如何复现这个警告？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值