在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

最新推荐文章于 2025-02-20 09:40:57 发布
最新推荐文章于 2025-02-20 09:40:57 发布
阅读量525 收藏
点赞数 6
文章标签： javascript 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hap1994/article/details/144128824
版权

在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

原因分析：

其实通过报错提供的链接就可以知道，sass 提供的某些 js api 即将在 v2.0.0 的新版本中废弃了，提醒你及时更新

解决方案：

在配置文件vite.config.js中配置

// 设置scss的api类型为modern-compiler
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern-compiler'
      }
    }
  },

宝子卡粉
关注
react PC端项目构建TS，react@18.2.0+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
The legacy JS API is deprecated and will be removed in Dart Sass 2.0
qq_35487047的博客
09-29 8790
The legacy JS API is deprecated and will be removed in Dart Sass 2.0警告修复
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
m0_68602608的博客
11-12 1万+
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
vue vite sass 报错处理 Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0
最新发布
weixin_50604923的博客
02-20 1451
这个警告表明你通过 JavaScript 与 Sass 交互的方式已经过时，并将在 Dart Sass 2.0.0 版本中移除。如果你正在使用 node-sass 或其他旧的 Sass 工具，建议迁移到 sass（即 Dart Sass），因为 node-sass 已经不再维护。解决思路：降级安装低版本的sass，然后发现我电脑中并没有安装sass，查看了依赖需要后自行安装了1.69.5版本sass后问题解决。：@import 规则已被弃用，未来会被移除，推荐使用 @use 和 @forward 规则。
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
lizhe132的博客
11-10 4579
这提示是因为sass某些api将在2.0.0版本后弃用，在vite中配置即可消除警告。
【报错】Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
热门推荐
LadenxxxxD
09-29 2万+
解决 sass 控制台报错: Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
Sass报错: Using / for division is deprecated
ZhouXin_0819的博客
03-13 3910
官方还很贴心做了一个一键迁移的工具，执行下面两行命令，就自动把你项目里面的东西替换了。
react移动端项目构建，react@18.2.0+react-vant+vite+axios+redux+sass
03-06
该架构已解决大部分坑，主要用于react@18.2.0移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
react PC端项目构建，react@18.2.0+antd+vite+axios+redux+sass
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
vue3移动端项目搭建，vue3+vant+vite+axios+pinia+sass
02-08
在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、pinia、vant、sass、vite和vue3，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理持久化储存等功能 ...
vue3 PC端项目构建，vue3+antd+vite+pinia+axios+sass
02-08
在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、vue3，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 vue3：...
处理vite中Sass警告：The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0问题
weixin_45062683的博客
11-25 3669
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 - 警告提示表明你当前正在使用的 Dart Sass 版本中，旧的 JavaScript API 已经被弃用。
Deprecation Warning：The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
qq_50386946的博客
09-26 4617
解决方法：安装以前的sass版本。
sass1.79.xDeprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.
2401_84779204的博客
09-23 8789
警告内容如下如果只是警告一次我就忍了，但是时不时就警告一下，导致我代码报错排查控制台的时候烦得不行。
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0
zhenzhenzhen1705的博客
11-05 3120
【代码】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.
weixin_68340504的博客
11-25 7539
但是我的版本没有到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: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
weixin_52663662的博客
10-24 3287
处理vue3+vite在使用低版本sass警告 Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
Using / for division is deprecated and will be removed in Dart Sass 2.0.0._@jie
tattoo_jie的博客
12-31 4211
问题描述 新写项目编译时，遇到sass语法报错，现已解决，记录一下 EPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($px, $html-font-size) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 18
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
12-30
### 关于Dart Sass 2.0.0中移除遗留JS API的影响 在即将发布的Dart Sass 2.0.0版本里，一些旧版JavaScript接口被标记为过时并计划移除。这些API主要用于允许开发者通过JavaScript调用Sass编译器的功能[^1]。一旦正式发布，依赖这些老式API的应用程序可能会遇到兼容性问题。 对于Vite项目而言，当使用较新的Dart Sass版本时会收到如下警告：“The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.” 这意味着如果继续沿用旧有的集成方式，在未来升级至更高版本的Dart Sass之后将会面临功能失效的风险[^2]。 ### 替代方案 为了应对这一变化，建议采取以下措施之一： #### 使用现代API配置选项 最推荐的做法是在`vite.config.ts`文件内指定预处理器选项来启用现代化API: ```typescript export default defineConfig({ css: { preprocessorOptions: { scss: { api: 'modern-compiler', }, }, } }) ``` 此方法不仅解决了当前的弃用警告，还确保了未来的可维护性和稳定性[^3]。 #### 配置静默模式忽略特定警告 虽然这不是长久之计，但对于暂时无法迁移的情况可以考虑设置`silenceDeprecations`参数以抑制相关提示信息： ```typescript scss: { silenceDeprecations: ['legacy-js-api'], } ``` 需要注意的是这种方法仅能隐藏警告而不解决根本问题，因此仍需尽快规划向新API过渡的工作[^4]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值