@扩展不';不要用手写笔在Webstorm中工作
我试图在Webstorm中使用Stylus的@extend函数,但是,我无法让它工作 例如:@扩展不';不要用手写笔在Webstorm中工作,webstorm,stylus,Webstorm,Stylus,我试图在Webstorm中使用Stylus的@extend函数,但是,我无法让它工作 例如: .icon-right color #fff width 35px height 35px line-height 40px font-size 1.4em text-align center position absolute top 35% left -4% .icon-right-
.icon-right
color #fff
width 35px
height 35px
line-height 40px
font-size 1.4em
text-align center
position absolute
top 35%
left -4%
.icon-right-2
@extends .icon-right
background-color #999
输出:
/usr/local/bin/stylus stylus.styl
/usr/local/lib/node_modules/stylus/bin/stylus:545
throw err;
^
Error: stylus.styl:227
223|
224|
225| .icon-righ-new
226| @extends .icon-right
227|
228|
229|
我尝试了不同的方法,但我收到了相同的错误。其他手写笔功能和笔尖正在工作 你的代码对我来说很好(我使用的是手写笔版本0.42.3)。WebStorm正确地解析了它(请注意,您报告的错误来自stylus编译器,而不是WebStorm本身)。你用什么样的手写笔版本?我试过0.37和0.42.3。如果在您的情况下代码被正确解析,那么可能是我的设置造成的。在上面的示例中,
.icon right
类的选项卡比.icon-right-2
类更深一层。就其本身而言,这可以很好地编译,但如果此声明嵌套在其他内容中,则可能是失败的原因。
Failed to @extend ".icon-right"
at /usr/local/lib/node_modules/stylus/lib/visitor/normalizer.js:214:24
at Array.forEach (native)
at Normalizer.extend (/usr/local/lib/node_modules/stylus/lib/visitor/normalizer.js:212:28)
at Normalizer.visitGroup (/usr/local/lib/node_modules/stylus/lib/visitor/normalizer.js:137:8)
at Normalizer.Visitor.visit (/usr/local/lib/node_modules/stylus/lib/visitor/index.js:28:40)
at Normalizer.visitBlock (/usr/local/lib/node_modules/stylus/lib/visitor/normalizer.js:112:19)
at Normalizer.Visitor.visit (/usr/local/lib/node_modules/stylus/lib/visitor/index.js:28:40)
at Normalizer.visitGroup (/usr/local/lib/node_modules/stylus/lib/visitor/normalizer.js:139:22)
at Normalizer.Visitor.visit (/usr/local/lib/node_modules/stylus/lib/visitor/index.js:28:40)
at Normalizer.visitBlock (/usr/local/lib/node_modules/stylus/lib/visitor/normalizer.js:112:19)