Question

我在angular2种子（https://github.com/mgechev/angular2-seed）中集成了sass suport并且还安装了susy形式npm（npm install susy --save-dev）但是当我导入susy form .scss文件时它会出现以下错误

[13:01:16] Starting 'build.html_scss'...
Error in plugin 'sass'
Message:
    src/client/css/main.scss
Error: File to import not found or unreadable: ~susy
       Parent style sheet: /home/jorin/WebStormWorkSpace/nylndaUI/src/client/css/main.scss
        on line 1 of src/client/css/main.scss
>> @import "~susy";
   ^

[13:01:16] Finished 'build.html_scss' after 218 ms

任何可以指导我的人，我做错了什么？

Answer 1

在你的sass中，纠正susy的路径。

可能是

@import "~susy/sass/susy";

Susy install Guide suggests to use bower并使用相对路径。

bower install susy --save
@import "../bower_components/susy/sass/susy";

但是没有理由你不能使用你的npm安装的susy路径：

@import "../node_modules/susy/sass/susy";

如果您采用此方法，此文件与您的sass文件相关，因此可能类似于

@import "../../../../node_modules/susy/sass/susy";

整合susy suport在anglar2种子

1 个答案: