我有一个Angular2Dart项目并使用ng_bootstrap包。我试图访问组件的scss文件中的引导变量。 WebStorm的intellisense找到变量，例如$gray-dark，但是当dart_sass_transformer运行时，我得到了无法找到变量的错误。我以为我可能需要@import "package:ng_bootstrap/all";进入我的组件的scss文件，但这也会引发错误。否则，我使用ng_bootstrap时没有遇到任何问题。
这是组件的scss：
.message {
font-size: 3em;
opacity: 0.75;
color: $gray-dark;
}
以下是原始构建器错误：
构建错误： 在integrations_web上变换Sass | lib / src / components / integration_overview / integration_overview_component.scss抛出错误：未定义的变量：“$ gray-dark”。 在stdin第28行 颜色：$ grey-dark;
package：dart_sass_transformer / sass.dart 43 Sass.transform ..
以下是将@import "package:ng_bootstrap/all";添加到组件的scss中的错误：
构建错误： 在integrations_web上变换Sass | lib / src / components / integration_overview / integration_overview_component.scss抛出错误：无法解析导入'_SassImport'的实例'（试过[integrations_web | lib / src / components / integration_overview / package：ng_bootstrap / all.scss ，integrations_web | lib / src / components / integration_overview / package：ng_bootstrap / all.sass，integrations_web | lib / src / components / integration_overview / package：ng_bootstrap / _all.scss，integrations_web | lib / src / components / integration_overview / package：ng_bootstrap /_all.sass]）