解决 vite 中报错SassError: This file is already being loaded

文章讲述了在使用Vite开发时,遇到全局scss变量与js或ts中重复引入导致的SassError。解决方法是创建一个global.module.scss文件,将需要全局使用的scss变量导入并替换原有引用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当使用vite引入 scss全局变量时(例如:variables.module.scss),如果此variable.module.scss全局变量还在 js 或者 ts中引入使用的话,那么会报错SassError: This file is already being loaded

那么要如何解决此问题呢?很简单,只需要添加一个 global.module.scss文件即可。

// 引入要进行全局使用的 scss, 如 variables.module.scss
@import 'variables.module.scss';

然后在 js 或者 ts中,把引入的 variables.module.scss变为global.module.scss即可

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值