问题描述:
在开发环境启动 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' }, }, }, },})