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

当规则包含任何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 功能，所以你需要使用 unquote 来逃避它：

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

Answer 2

发现了一些隐藏的空白区域

：/小心！

Answer 3

当我使用缩进空格和缩进标签混合时，我遇到了这个问题。

看看你是否这样做的一个好方法是使用Sublime 2选择文本 - 标签是条形，空格是所选文本中的点。

最后我将空格转换为标签。

Answer 4

我收到了这个错误，因为我有一个以数字开头的课程。

.1080spacer
  z-index 1

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

.spacer1080
  z-index 1

这解决了我。

Answer 5

当我忘记引用路径时收到同样的错误消息。

错误：

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

没有错误：

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

Stylus ParseError：预期“缩进”，得到“突出”

5 个答案: