【问题标题】:bootstrap.styl breaks when parsing with stylusbootstrap.styl 在使用手写笔解析时中断
【发布时间】:2012-06-24 21:48:02
【问题描述】:

我正在尝试使用 stylus 和 twitter bootstrap 2.04 版的 css 预处理器。当我下载 boostrap 时,我运行“stylus --css bootstrap.styl”,这样我就可以创建一个 bootstrap.styl 文件。但是,当我的浏览器尝试解析 bootstrap.styl 时出现以下错误

ParseError: /Users/user/Projects/node_tutorials/project/static/css/bootstrap.styl:1835
   1831|   background-position: -313px -119px
   1832| 
   1833| .icon-retweet
   1834|   background-position: -336px -120px
 > 1835| 
   1836| .icon-shopping-cart
   1837|   background-position: -360px -120px
   1838| 

expected "indent", got "outdent"

at Parser.error (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:166:11)
at Parser.expect (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:194:12)
at Parser.block (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:597:12)
at Parser.selector (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:1099:24)
at Parser.property (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:1013:47)
at Parser.ident (/Users//Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:970:25)
at Parser.stmt (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:546:25)
at Parser.statement (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:458:21)
at Parser.block (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:609:21)
at Parser.selector (/Users/user/Projects/node_tutorials/project/node_modules/stylus/lib/parser.js:1099:24)

我已经检查了额外的空白,甚至已经对文件进行了十六进制转储,但似乎没有任何问题。谁能找出问题所在?

【问题讨论】:

  • 你将无法做到,因为 Bootstrap 使用 MS 过滤,而 Stylus 无法解析它。

标签: css node.js twitter-bootstrap express stylus


【解决方案1】:

@Jonathan 是对的。问题是由过滤器引起的

我找到了使用手写笔功能unquote的解决方法

只需做一个正则表达式替换 filter: (.+)$ => filter: unquote("\1") 到 bootstrap.styl

【讨论】:

  • 完美运行。请注意,如果您使用的是 WebStorm,则需要使替换字符串如下所示:filter: unquote("$1") 以实际匹配搜索字符串中的结果!
【解决方案2】:

你检查了整个文件的缩进吗?此类消息通常是由在解析器发现错误之前定位的错误引起的。

【讨论】:

  • 在 vim 中,我高亮了多余的空白,但我什么也没看到。是否有另一种可靠的方法来找到导致我的问题的空白?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-06-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多