vue组件使用stylus预处理组件样式报错

Question

单独import styl样式文件是有效的

<style lang="stylus" scoped>
  import '../../style/bg.styl'
    
  
</style>

bg.styl

body
  background red

#loginbox
    box-shadow 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)

这个样子页面是有效果的

但是只要style标签里面写

<style lang="stylus" scoped>
  #loginbox
    box-shadow 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
    
  
</style>

运行就会报错

这是为啥呢？求解

Answer 1

<style lang="stylus" rel="stylesheet/stylus">
// 你的样式
</style>