legacy-js-api 警告隐藏

原创已于 2025-05-27 09:27:13 修改 · 351 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2025-05-13 22:27:39 首次发布

VUE 同时被 2 个专栏收录

10 篇文章

订阅专栏

scss

2 篇文章

订阅专栏

问题：在vue3，启动项目后，终端中展示如下警告

 Deprecation [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

https://sass-lang.com/documentation/breaking-changes/legacy-js-api/ 中给出解释：

Dart Sass originally used an API based on the one used by Node Sass, but replaced it with a new, modern API in Dart Sass 1.45.0. The legacy JS API is now deprecated and will be removed in Dart Sass 2.0.0.
Dart Sass最初使用的是基于Node Sass使用的API，但在Dart Sass1.45.0中使用了新的现代API。遗留的JS API现在已被弃用，并将在Dart Sass 2.0.0中删除。

解决办法：在vite.config.js中配置。

//scss官网中的解决办法
css: {
    preprocessorOptions: {
      scss: {
        silenceDeprecations: ['legacy-js-api']
      },
    },
  }

//element-plus中的解决办法
css: {
    preprocessorOptions: {
      scss: { api: "modern-compiler" },
    },
},