Angular CLI 7: Sass не удалось скомпилировать
несколько минут назад я установил Angular Cli 7 и начал чистый проект,
ng new my-app
Я выбрал прекомпилятор SASS для css, но когда я редактирую файл styles.sass, он не работает, мой styles.sass выглядит так
h1 { color: red }
но ng serve показать это сообщение
Failed to compile.
./src/styles.sass (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.sass) Module build failed (from ./node_modules/sass-loader/lib/loader.js):
h1 { ^ Invalid CSS after "h1 {": expected "}", was "{" in /Users/a/Documents/angular-projects/my-app/src/styles.sass (line 1, column 5)
как это исправить? и почему это произошло?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
CLI предлагает флаг командной строки для изменения вашего стиля при создании нового проекта с
ng new my-app --style=scss.Как видите, это расширение
.scss, а не.sass(по крайней мере, для синтаксиса, который вы используете, который МЕНЬШЕ).Вам не хватает точки с запятой
h1 { color: red; }Не забудьте обновить
angular.jsonи файлы компонентов соответствующим образом, если вы не воссоздаете новый проект для решения этой проблемы.
@ Уильям Les fichiers .sass sont identiques aux fichiers .scss mais les accolades sont remplacées par des tabulationx et les points-virgules par des retours à la ligne. Примерно переводится как sass files are identical to less files but brackets are replaced by tabs and caret returns by semicolons.. И нет, SASS и LESS - это не две версии одного и того же компилятора. Просто так получилось, что sass может создавать МЕНЬШЕ файлов.
чувак ... я думаю, твой синтаксис может ошибаться, посмотри на https://sass-lang.com/guide вы должны использовать
h1
color: red,
align: center
...
Возможно, вы обновили свой узел. Попробуйте установить node-sass
npm установить node-sass
Подробнее о node-sass на https://www.npmjs.com/package/node-sass
К сожалению, для меня это не устранило проблему.
Была та же проблема, пробовал все, включая переустановку всех пакетов и самого узла, и ни один из них не помог.
Наконец, проект был клонирован в D: \ somefolder вместо Рабочий стол, где я клонировал раньше. Затем он скомпилировался без каких-либо проблем и работал нормально.
попробуйте создать как ng new my-app --style = scss