Angular CLI 7: Sass не удалось скомпилировать

Question

Несколько мгновений назад я установил Angular Cli 7 и запустил чистый проект с помощью

ng new my-app

Я выбрал прекомпилятор SASS для CSS, но когда я редактирую файл styles.sass, то не работает мои стили.sass выглядит так

h1 { color: red }

, но ng serve показывает это сообщение

Не удалось скомпилировать.

. / src / styles.sass (./node_modules/@ угловой DevKit / встроенный угловой / SRC / угловато-кли-файлы / плагины / комков-CSS-loader.js! ./ node_modules / postcss-погрузчик / ЦСИ ?? встроенный! ./ node_modules / дерзость-погрузчик / Библиотека /loader.js ?? ref - 14-3! ./ src / styles.sass) Сборка модуля завершилась неудачно (из ./node_modules/sass-loader/lib/loader.js):

h1 {^ InvalidCSS после "h1 {": ожидаемый "}" был "{" в /Users/a/Documents/angular-projects/my-app/src/styles.sass (строка 1, столбец 5)

как это исправить?и почему это случилось?

Answer 1

Была такая же проблема, пробовал все, включая переустановку всех пакетов и самого узла, и ни один из них не помог.Наконец проект был клонирован в D: \ somefolder вместо Desktop , где я клонировал раньше.Затем он без проблем скомпилировался и работал нормально.

Answer 2

чувак ... Я думаю, что твой синтаксис может быть неправильным, посмотри https://sass -lang.com / guide ты должен использовать

h1
   color: red,
   align: center
   ...

Answer 3

Возможно, вы обновили свой узел.Попробуйте установить node-sass

npm установить node-sass

Подробнее о node-sass на https://www.npmjs.com/package/node-sass

Answer 4

• CLI предлагает флаг командной строки для изменения вашего стиля при создании нового проекта с ng new my-app --style=scss

• Как видите, расширение .scss, а не .sass (по крайней мере, для используемого вами синтаксиса, который является МЕНЬШИМ)

• Вам не хватает точки с запятой h1 { color: red; }

• Не забудьте обновить angular.json и файлы компонентов соответствующим образом, если вы не создадите заново новый проект для разрешения этого