【报错】Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

发布时间：2024-10-20 10:00:50

2106 阅读

0 评论

问题描述：

在开发环境启动 vite@5、sass@1.69.x 项目后，发现控制台出现如下的 warning 报错：
在这里插入图片描述

原因分析：

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

解决方案：

降级 sass 版本到 1.32.13，这是没有警告的最后一个版本在 vite.config.ts 中关闭警告

// vite.config.tsexport default defineConfig({css: {    preprocessorOptions: {      scss: {        // quietDeps: true, // 可以尝试，但在高版本中似乎不起作用        silenceDeprecations: ['legacy-js-api'],      }    }  }})

前面两种方案指标不治本，最优解法是使用：

// vite.config.tsexport default defineConfig({vite: {        css: {            preprocessorOptions: {                scss: {                    api: 'modern-compiler', // or 'modern'                },            },        },    },})