Angular CLI - 缺少SASS导入

Question

我正在处理使用U.S. Web Design Standards框架的项目，并且已将所有SASS文件导入到我的main.scss文件中：

@import "bourbon/bourbon";

@import "abstracts/variables";

// This imports all the required files 
@import "../vendor_files/uswds/src/stylesheets/uswds";

但是，当我运行本地服务器时，我注意到某些网格样式丢失了。就像测试一样，我通过终端进行了编译，并能够找到相关的网格样式。如果需要，我可以提供其他信息。

版本

@angular/cli: 1.6.0
node: 8.8.1
os: darwin x64
@angular/animations: 4.4.6
@angular/common: 4.4.6
@angular/compiler: 4.4.6
@angular/core: 4.4.6
@angular/forms: 4.4.6
@angular/http: 4.4.6
@angular/platform-browser: 4.4.6
@angular/platform-browser-dynamic: 4.4.6
@angular/router: 4.4.6
@angular/cli: 1.6.0
@angular/compiler-cli: 4.4.6
@angular/language-service: 4.4.6
typescript: 2.3.4

Repro步骤

我的样本repo

1. npm install
2. npm start

观察到的行为



请注意副本A tagline highlights your approach与下面所需行为的对齐方式。

期望的行为

我希望该网页看起来像USWDS documentation上的那个。

Answer 1

在同事的帮助下，我终于能够解决这个问题。我错过了bourbon-neat包。安装并添加到scss文件后，问题就解决了。