無法基於網格列“ 12”確定Susy“上下文12的切片”

Question

我試圖用npm和gulp安裝susy，但是出現此錯誤

插件“ sass”中的錯誤消息：node_modules \\ susy \\ sass \\ susy_utilities.scss錯誤：無法基於網格列“ 12”確定[susy-normalize-columns]上下文切片為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

發現錯誤。 這是因為從3.0.0版本開始，此屬性不再接受數字值，例如'12'，'2'等。因此，我將改用susy-repeat（）