相关疑难解决方法(0)

我正在开发一个使用Angular CLI构建的新Angular2项目,并将项目配置为使用SCSS.我已将Bootstrap 4成功加载到我的styles.scss文件中,但是如果我尝试访问任何Bootstrap(或者我自己styles.scss在组件中定义的变量,则会Undefined Variable出现构建错误.

组件的样式文件是在styles节点的主条目之前编译的angular-cli.json吗？我怎样才能使在该全局级别定义的任何变量可用于应用程序中的所有组件？谢谢!

角cli.json

"apps": [
  {
    ...
    "styles": [
      "styles/styles.scss"
    ],
    ...
  }
]

styles.scss

// Bootstrap
$enable-flex: true; // Enable Flexbox mode
@import "../../node_modules/bootstrap/scss/bootstrap";

零件

.navbar {
  background: $brand-primary; // Undefined variable here
}