Блог

Я только что следовал руководству по Sass. По какой-то причине файл Sass неправильно генерирует css. Терминал говорит, что css недействителен, но я почти уверен, что это не так. Я тоже попытался изменить его на всякий случай, если возникла проблема…

Что я сделал не так?

Версия Sass: Sass 3.1.10

Сообщение об ошибке:

 error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")
  

.содержимое файла sass:

 /* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}
  

Основываясь на вашем сообщении об ошибке ( error sass/test.sass ), я могу сказать, что вы используете .sass расширение для файла Scss. Измените имя вашего файла на style.scss .

Sass и Scss используют два разных и несовместимых синтаксиса.

Попробуйте либо:

 /* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}
  

Или:

 /* style.sass */
#navbar 
  width: 80%
  height: 23px
  

Обратите внимание на разницу в расширении файла и синтаксисе.