- Stylus 概述
- 选择器(Selectors)
- 变量(Variables)
- 插值(Interpolation)
- 运算符(Operators)
- 混合书写(Mixins)
- 方法(Functions)
- 关键字参数(Keyword Arguments)
- 内置方法(Built-in Functions)
- 其余参数(Rest Params)
- 注释(Comments)
- 条件(Conditionals)
- 迭代(Iteration)
- 导入(@import)
- 媒体(@media)
- 自定义字体(@font-face)
- 关键帧(@keyframes)
- 继承(@extend)
- 函数之url()
- CSS字面量(CSS Literal)
- CSS样式解析(CSS Style Syntax)
- 字符转码(Char Escaping)
- 可执行性(Executable)
- 错误报告(Error Reporting)
- 连接中间件(Connect Middleware)
- 自检API(Introspection API)
- JavaScript API
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
错误报告(Error Reporting)
错误报告
Stylus内置梦幻般的错误报告,针对语法、解析以及计算错误,完整的堆栈跟踪,行号和文件名。
解析错误
解析错误例子:
body
form input
== padding 5px
呈现为:
Error: /Users/tj/Projects/stylus/testing/test.styl:4
3: ' form input'
4: ' == padding 5px'
illegal unary ==
计算错误
这种“运行”或计算错误类似于传递字符串给border-radius()
,而不是单位值。
ensure(val, type)
unless val is a type
error('expected a ' + type + ', but got ' + typeof(val))
border-radius(n)
ensure(n, 'unit')
-webkit-border-radius n
-moz-border-radius n
border-radius n
body
border-radius '5px'
呈现为:
Error: /Users/tj/Projects/stylus/examples/error.styl:12
11: ''
12: 'body'
13: ' border-radius \'5px\''
14: ''
expected a unit, but got string
at ensure() (/Users/tj/Projects/stylus/examples/error.styl:2)
at border-radius() (/Users/tj/Projects/stylus/examples/error.styl:5)
at "body" (/Users/tj/Projects/stylus/examples/error.styl:10)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论