Susy grid с webpack и sass-loader

Я новичок в Node и пытаюсь использовать сетку Susy, но получаю эту ошибку

ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./scss/waterbottle.scss
Module build failed: 
    @include gallery(1 of 2);
            ^
      No mixin named gallery

Я установил Susy и sass-loader с помощью этой команды

npm install sass-loader --save-dev

и импортировал Susy в мой файл .scss следующим образом

@import "~susy/sass/susy";

Я пытался изменить этот путь без везения. Мне не нужно было этого делать, согласно их веб-сайту.

Файловая структура моего проекта

Структура файла моего проекта

Кажется, что Webpack правильно находит файл Susy, но почему-то не распознает его примеси.


person judehall    schedule 21.09.2017    source источник
comment
Попробуйте запустить npm перестроить node-sass   -  person rjustin    schedule 22.09.2017
comment
Привет @rjustin. Он говорит, что тестирование двоичного файла в порядке, но ошибка все еще возникает.   -  person judehall    schedule 22.09.2017


Ответы (1)


Вероятно, вы установили Susy3, не прочитав журнал изменений. У Susy3 больше нет миксина gallery. Подробнее см. введение и документацию по susy3. Susy2 будет поддерживаться в обозримом будущем, если вы хотите остаться с ним.

person Miriam Suzanne    schedule 22.09.2017