[vite] [plugin:vite:css] [sass] Can‘t find stylesheet to import. @import ‘./styles/variable.scss‘;

找不到定义的全局变量

解决方案:

vite.config.js文件里添加下面代码,项目重启即可

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [uni()],
  
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: '@import "./src/styles/variable.scss";',
      },
    },
  },
})

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
[Vite](https://vitejs.dev/) 是一个新一代的前端构建工具,它提供了一种快速、现代和轻量级的开发体验。Vite 使用了类似于 ES 模块的原生 JavaScript 导入方式,而不是传统的打包方式。 在 Vite 中,[Sass](https://sass-lang.com/) 是一种流行的 CSS 预处理器,它引入了许多便利的功能,如变量、嵌套、混合等。当我们在使用 Sass 时,有时可能会遇到类似于 "[plugin:vite:css] [sass] can't find stylesheet to import." 的错误提示。 这个错误通常是由于 Vite 无法找到要导入的样式表文件导致的。要解决这个问题,我们需要检查以下几个可能的原因: 1. 确保在导入 Sass 样式表时使用了正确的路径。常见的错误是路径错误或文件名错误。请确保路径和文件名是正确的,并且与文件系统中的实际位置匹配。 2. 确保样式表文件存在于正确的位置。检查文件系统中的文件路径,并确保样式表文件确实存在。如果文件丢失或移动到了不正确的位置,可能会导致无法找到样式表文件的错误。 3. 确保 Sass 插件已正确安装和配置。在 Vite 项目中使用 Sass 时,需要正确地安装和配置相关插件。请确保已经安装了所需的 Sass 插件,并相应地配置了 Vite 项目。 如果以上步骤都经过检查,但问题仍然存在,可能需要进一步排查其他可能的原因,例如依赖项版本冲突、插件配置错误等。可以查看 ViteSass 的官方文档,或者通过在开发者社区寻求帮助,以获得更多的支持和解决方案。 总之,通过检查导入路径、文件存在性和插件配置,我们应该能够解决 "[plugin:vite:css] [sass] can't find stylesheet to import." 的错误,并正常地导入 Sass 样式表。希望这能对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值