Ошибка после сохранения импортированных стилей SASS в угловых 6

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)

The @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');