角CLI -缺少SASS进口

Question

我正在开发一个使用美国网页设计标准框架的项目，并将所有SASS文件导入到我的main.scss文件中：

@import "bourbon/bourbon";

@import "abstracts/variables";

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

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

版本

@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

复制步骤

我的样本存储库

1. npm install
2. npm start

观察行为

​

​

注意，与下面所需的行为相比，复制A tagline highlights your approach是对齐的。

期望行为

我希望页面看起来像USWDS文件上的页面。

​

​

Answer 1

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