在角度6中保存导入的SASS样式后出错

Question

我在角度6中有一些烦人的问题。

我正在使用sass样式引擎，在主要样式scss中，我要导入不同的样式表，在开始编辑那些导入的样式表之前，一切工作都很好。在我保存并运行本地主机后，问题开始了，它引发了下一个错误：

./src/scss/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/scss/styles.scss)
Module build failed: 
@import "alert-modals";
^
      File to import not found or unreadable: D:\Angular\cinema-planet\src\scss\alert-modals.scss.
      in D:\Angular\cinema-planet\src\scss\styles.scss (line 5, column 1)

@import "alert-modals";是我当前正在编辑的样式表。

我尝试使用此修复程序：https://github.com/angular/angular-cli/issues/11212 ，建议在angular.json内添加下几行代码，但并不能解决问题。

"stylePreprocessorOptions": {
              "includePaths": [
              "src/scss"
              ]},

这是现在的样子：

"test": {
  "builder": "@angular-devkit/build-angular:karma",
  "options": {
    "main": "src/test.ts",
    "polyfills": "src/polyfills.ts",
    "tsConfig": "src/tsconfig.spec.json",
    "karmaConfig": "src/karma.conf.js",
    "styles": [
      "scss/styles.scss"
    ],
    "stylePreprocessorOptions": {
      "includePaths": [
      "src/scss"
      ]

这是我在主样式表中导入文件的方式

@import "buttons.scss";
@import "vars";
@import "admin-forms";
@import "admin-table";
@import "alert-modals";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');