Stylus ParseError: ожидается «отступ», получен «отступ»

Question

Stylus ParseError: ожидаемый «отступ», полученный «отступ»

Unable to compile Stylus file app/css/app.styl to CSS: ParseError: app/css/provider.styl:22
   18|  padding-top: 20px
   19|  text-align: center
   20|  border-bottom: 1px solid white
   21|  margin-bottom: 25px
 > 22| 
   23| .aclass
   24|  display: none
   25| 

expected "indent", got "outdent"

Что я здесь не так делаю? Спасибо за любую информацию по этой ошибке!

Answer 1

Я склонен получать это при конвертации файлов CSS из других библиотек.Обычно это связано с близлежащим правилом, которое содержит свойство filter .

Когда правило содержит какой-либо «прогид» Microsoft, вам необходимо экранировать все значение.

filter: unqoute("progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b80ff', endColorstr='#1d66d3', GradientType=0)")
-ms-filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=50)")

И, наконец, в Stylus есть встроенная функция alpha , поэтому вам нужно выйти из нее с помощью unquote вот так:

filter: unquote("alpha(opacity=50)")

Answer 2

найден какой-то скрытый пробел

: / Берегись!

Answer 3

Получено то же сообщение об ошибке, когда я забыл процитировать путь.

ошибка:

.bg-img-001
   background-image imgs/img-001.jpg

без ошибок:

.bg-img-001
   background-image 'imgs/img-001.jpg'

Answer 4

Я получил эту ошибку, потому что у меня был класс, который начинался с числа.

.1080spacer
  z-index 1

и т.д.. Ошибка появилась в следующей строке объявления класса. Как только я переместил номер в конец класса, ошибка исчезла. Как это:

.spacer1080
  z-index 1

Это решило это для меня.

Answer 5

У меня была эта проблема, когда я смешал, используя пробелы для отступа и табуляции для отступа.

Хороший способ узнать, делаете ли вы это, - это выбрать текст с помощью Sublime 2 - вкладки - это полосы, а пробелы - точки в выделенном тексте.

В конце концов я преобразовал пробелы в табуляцию.