使用susy内置混合宏异常：Undefined mixin ‘at-breakpoint‘

快速解决

导入susy包错误！

修改为：
@import 'susyone';

1. 收集问题

compass编译sass脚本时报错：Undefined mixin ‘at-breakpoint’

异常信息：没有找到宏’at-breakpoint’

cmd.exe /D /C call "D:/laher/Program Files/ruby/Ruby24-x64/bin/compass.bat" compile D:/laher/workspace/webstorm/sass/simple-new D:/laher/workspace/webstorm/sass/simple-new/sass/styles.scss
    error sass/styles.scss (Line 5 of sass/partials/_layot.scss: Undefined mixin 'at-breakpoint'.)
Compilation failed in 1 files.

Process finished with exit code 1

2. 分析问题

从编译角度，compass 编译的时候会先编译@import “susy”; 所以 susy已经安装成功！

2.1 查看版本

没毛病，sass，compass，susy都是最新的，所以排除版本问题。
不同版本之间的依赖：https://rubygems.org/

2.2 查看susy包

进入ruby安装目录 gems包工具下，@import "susy"导入的是_susy.scss，

这三个文件的内容分别如下：

_su.scss	：@import 'susy/su';
_susy.scss	：@import 'susy/language/susy';
_susyone.scss：@import 'susy/language/susyone';

通过查找全局文件匹配关键字（at-breakpoint）可以找到该宏在_media.scss文件中，根据上面的路径匹配应该是_susyone.scss

所以最终原因是susy包导错了

3. 解决问题

@import "susy";
修改为：
@import 'susyone';

---

QQ 群：1039376081

主站点：https://laherz.com