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
相关产品推荐
相关产品推荐

