苏茜·'context-slice of `12` can not be determined based on grid-columns `12`'

Question

我试图用 npm 和 gulp 安装 susy，但收到此错误

插件"sass"中的错误 消息： node_modules\susy\sass\susy_utilities.scss 错误：无法根据网格列"12"确定12的上下文切片。

在 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/'));
});

Answer 1

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