问题描述：

在开发环境启动 <code>vite@5、sass@1.69.x 项目后，发现控制台出现如下的 warning 报错：

原因分析：

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

解决方案：

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

// vite.config.ts

export default defineConfig({ -- -->

css: {

preprocessorOptions: {

scss: {

// quietDeps: true, // 可以尝试，但在高版本中似乎不起作用

silenceDeprecations: ['legacy-js-api'],

}

}

}

})

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

// vite.config.ts

export default defineConfig({

vite: {

css: {

preprocessorOptions: {

scss: {

api: 'modern-compiler', // or 'modern'

},

},

},

},

})