Susy '12' 的上下文切片无法根据网格列 `12` 确定答案

【问题标题】：Susy 'context-slice of `12` can not be determined based on grid-columns `12`'Susy '12' 的上下文切片无法根据网格列 `12` 确定
【发布时间】：2018-01-08 23:25:25
【问题描述】：

我尝试使用 npm 和 gulp 安装 susy，但出现此错误

插件“sass”中的错误信息： node_modules\susy\sass\susy_utilities.scss 错误：无法根据网格列“12”确定12 的 [susy-normalize-columns] 上下文切片。

在 node_modules/susy/sass/susy/_utilities.scss 的第 43 行

>> @error '[#{$source}] #{$message}'; ---------^

这是我在 header.sass 中的所有代码

@import 'susy'
$susy: ( columns: 12, container: 1400px, 'grid-padding': 15px)

.nav
    &__logo
        width: susy-span(6 of 12)

还有一个 gulpfile

gulp.task('header-sass', ['pug'], function(){
    gulp.src('app/header.sass')
    .pipe(sass({
        includePaths: [
            'node_modules/susy/sass'
        ]
    }))
    .on('error', sass.logError)
    .pipe(gulp.dest('app/'));
});

【问题讨论】：

标签： gulp susy

【解决方案1】：

发现错误。这是因为此属性不再接受诸如 '12'、'2' 等数值。从 3.0.0 版本开始，我将使用 susy-repeat() 代替

【讨论】：