@扩展不';不要用手写笔在Webstorm中工作

@扩展不';不要用手写笔在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-

我试图在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-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)