Question

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

插件'sass'出错   信息：       node_modules \超对称\青菜\ susy_utilities.scss   错误：[susy-normalize-columns] 12的上下文切片无法根据网格列'12'确定。

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

＆GT;＆GT; @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（）而不是

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

1 个答案: