Я получаю ошибку «EOS» с помощью стилуса при компиляции с помощью grunt-contrib-stylus

Question

Я продолжаю получать это странное сообщение об ошибке при компиляции. Очень сложно отлаживать. (Кстати: помутнение в примере является Mixin)

Но я застрял на

> 59| .red { opacity 0.4 } 

expected "indent", got "eos" 

Я попытался

.red { opacity(0.4) } 
.red { opacity(0.4); } 

и ничего.

Answer 1

Задача А

Вопрос заключается в том, что по некоторым причинам синтаксиса, стилус не позволяет Mixins один в селекторе

раствора (ов)

1. заключается в использовании многоканальный

   .red { 
       opacity(0.4); 
   } 
   

2. добавить фиктивное свойство (убедитесь, что оно не влияет на ваш стиль лин)

   .red { opacity(0.4); zoom:1; } 
   

---

Задача B

Другой вопрос был со стилями сброса, будучи без новой линии между ними.

body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none} ... 

Решение

Чтобы поместить каждый из стиля на отдельных линиях:

body{line-height:1} 
ol,ul{list-style:none} 
blockquote,q{quotes:none} 
... 

---

Очень очень странных вопросов, и даже чудаковатое решения: P

Надеется, что это сохраните часть своего времени (потому что я потратил много денег на это :().

Answer 2

Я также обнаружил, что вы можете получить эту ошибку, если смешать пробелы и вкладки. Для этой проблемы странная ошибка. Просто убедитесь, что вы придерживаетесь того или другого.

Answer 3

Я нашел, что это было вызвано ошибочным фигурной скобкой оставил, когда беседуют CSS или подмешать

myMixin(var = 1){ <--- nooooooo 
    color red 
    etc etc 

Answer 4

Я просто была такая же проблема. Как оказалось, эта проблема может возникнуть, если у вас есть два последовательные, смежные хэш при определении цвета:

color #FFF <- good 

color ##FFF <- easy to miss, will cause very unhelpful 'eos' message at file end 

Answer 5

Я имел этот вопрос и (примерно через 30 мин) поняла, что это была дополнительная открывающей скобка, что моя интегрированная IDE - я должен был внимательно следить!Я бы предложил внимательно посмотреть на все ваши git (или какие у вас) изменения, и убедитесь, что у вас нет двойных открывающих скобок:

.class-name-of-greatness { 
{ 
    color: blue; 
    border: gold 
}