Записать CSS в файлы Sass, выбрасывая ошибку в Angular 7

Question

Я пытаюсь написать простой синтаксис css в файлах sass компонента в angular 7, но я сталкиваюсь с ошибкой компиляции, как показано ниже.

Файл sass содержит только простые CSS, как показано

.full-width {
   width: 100%;
}

В более ранних угловых версиях у меня не было такой проблемы.

Answer 1

В соответствии с расширением вашего файла SCSS, вы на самом деле используете SASS, более старую версию SCSS.Как указано в документах для синтаксиса Sass , язык SASS использует синтаксис с отступом.

Из раздела в SASS :

Синтаксис с отступом поддерживает все те же функции, что и SCSS, но он использует отступ вместо фигурных скобок и точек с запятой для описания формата документа.

То, что вы должны сделать, будетлибо изменить расширение файла этого файла SCSS на .scss, либо преобразовать синтаксис SCSS в SASS.

Answer 2

Это SASS или SCSS ?

, если это SASS, то скобки являются недействительными.просто удалите их для действительного SASS.

.full-width 
   width: 100%;

, если вы хотите сохранить скобки, то вместо этого вы хотите использовать язык SCSS.

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