You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vite 6.0.4中Sass全局@use导入文件找不到的问题求助

Vite 6.0.4中Sass全局@use导入文件找不到的问题求助

我最近在更新React项目的依赖时,遇到了Sass相关的问题,想请大家帮忙排查下:

之前在Vite配置文件里,我是这么全局导入Sass混合文件的(当时用的是旧版Sass,还支持@import):

css: {
  preprocessorOptions: {
    scss: {
      additionalData: `@import 'src/mixins.scss';`,
    },
  },
}

后来因为Sass 1.83开始废弃了@import语法,我把配置改成了用@use的写法:

css: {
  preprocessorOptions: {
    scss: {
      additionalData: `@use "src/mixins.scss" as *;`,
    },
  },
}

在Vite 5.4.0搭配最新版Sass的时候,这个写法是完全正常的。但最近我把Vite升级到6.0.4之后,启动项目就会报找不到文件的错误:

[plugin:vite:css] [sass] Can't find stylesheet to import.
  ╷
1 │ @use "src/mixins.scss" as *;
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  

    src/App.scss 1:1  root stylesheet

简单总结下:Vite 5.4.0 + 最新Sass时,Vite配置里的全局@use写法没问题;升级到Vite 6.0.4后就触发了「找不到要导入的样式表」的错误。

有没有朋友遇到过类似的情况,或者知道怎么解决这个问题?非常感谢大家的帮忙!

备注:内容来源于stack exchange,提问作者Carlos Sosa

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 18:23:07