使用grunt-contrib-stylus编译时,手写笔出现"EOS"错误

Question

编译时我不断收到这个奇怪的错误信息.很难调试.(顺便说一句:示例中的不透明度是混合)

但我坚持下去

> 59| .red { opacity 0.4 }

expected "indent", got "eos"

我试过了

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

没别的了.

Answer 1

我还发现,如果混合使用空格和制表符,则会出现此错误.得到这个问题是一个奇怪的错误.只要确保你坚持使用其中一个.

Answer 2

我发现这是由于在交谈css或mixin时留下的错误花括号引起的

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

Answer 3

问题A

问题是，由于某些语法原因，stylus 不允许在选择器中单独混合

解决方案

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

希望这可以节省您的一些时间（因为我在这方面浪费了很多时间:(）。