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

Sass编译提示undefined mixin错误,路径校验正常无法排查

解决方案

  • 引入路径不匹配
    你当前的引入语句是@use '../custom' as *;,但mixin定义在_mixins.scss文件中。请确认../custom指向的就是包含gradient mixin的文件,如果不是,替换为对应mixins文件的正确路径(示例:@use '../mixins' as *;,Sass引入partial文件时可省略开头下划线和.scss后缀)。
  • 编译工具不支持@use语法
    仅Dart Sass支持@use模块语法,已废弃的Node Sass不识别该语句,会直接忽略引入逻辑导致mixin找不到。请检查项目依赖:执行npm list sass确认安装的是sass(Dart Sass)而非node-sass,如果是后者请卸载后替换为官方维护的sass包。
  • 语法缺失导致语句截断
    你提供的代码存在两处语法缺失:@include gradient后未加分号,color: $white !important后也未加分号。严格的Sass编译环境会将这类语法问题判定为语句未结束,导致后续逻辑识别异常,补充对应分号即可。
  • 清除编译缓存重试
    删除本地已生成的style.css等编译输出文件,重新执行npm run compile:sass命令,避免缓存导致的异常。

内容的提问来源于stack exchange,提问作者Benjamin Boyce

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.30 07:30:02