Проект Angular 7 CLI генерирует «ОШИБКА в мульти ./src/styles.sass»

Question

Я создал новый Angular-проект, используя ng new dragonfly со следующими параметрами:

Angular v7.2
Angular CLI v.7.3
NPM 6.7.0
Windows 10

Я решил включить маршрутизацию и SCSS.

Когда я пытаюсь запустить проект, используя npm start или ng serve, к концу компиляции выдается следующая ошибка:

ERROR in multi ./src/styles.sass
Module not found: Error: Can't resolve 
'C:\Users\S\angular\dragonfly\src\styles.sass' in 
'C:\Users\S\angular\dragonfly'

i ｢wdm｣: Failed to compile.

Файл angular.json содержит список scss под схемами проекта:

      "schematics": {
        "@schematics/angular:component": {
          "style": "sass"
        }
      },

Сборка завершается неудачно в Windows CLI и Bash CLI на той же машине точно таким же образом.Файл styles.scss был создан и содержит только комментарий по умолчанию.

Мои конфиги где-то испорчены, или, возможно, это ошибка для сообщения?Любое понимание было бы здорово.Я тестировал создание проекта с использованием CSS вместо SCSS, и он компилируется и запускается без проблем.

Обновление: Моя установка NodeJS устарела, в версии 8.9.1.Я сейчас обновил его и работаю 10.15.1.Результаты идентичны.

Answer 1

ОБНОВЛЕНИЕ: Угловой 8 отсутствует.Вместо того, чтобы применить исправление, описанное ниже, рассмотрите возможность обновления до v8.

Действительно, ошибка!Официальный выпуск на https://github.com/angular/angular-cli/issues/13550, а https://github.com/angular/angular-cli/issues/13551 дает описание того, как его обойти.Короче говоря, измените файл angular.json

"styles": [
    "src/styles.sass"
],

, заменив styles.sass на styles.scss.

Эта проблема официально зарегистрирована для Angular 7.3.После того, как я покопался в своих конфигурационных файлах, я заметил много версий Angular 7.3 в моем packager-lock.json.@ angular / core - 7.2.3, но @ angular-devkit / core - 7.3.0.