node.js - Stylus ParseError：预期的“缩进”，得到“outdent”

Question

Stylus ParseError：预期的“缩进”，得到“outdent”

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 文件时，我倾向于得到这个。通常，它与包含过滤器属性的附近规则有关。

当规则包含任何 Microsoft“progid”时，您需要转义整个值。

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

最后，Stylus 有一个内置的alpha函数，所以你需要像这样取消引用它来转义它：

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

当我混合使用空格进行缩进和制表符进行缩进时，我遇到了这个问题。

查看您是否这样做的一个好方法是使用 Sublime 2 选择文本——制表符是条形，空格是选定文本中的点。

最后，我将空格转换为制表符。

Answer 5

我收到此错误是因为我有一门以数字开头的课程。

.1080spacer
  z-index 1

等错误出现在下一个类声明行。一旦我将数字移到课程的末尾，错误就消失了。像这样：

.spacer1080
  z-index 1

这为我解决了它。