欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

sublime各种报错unexpectedindentVue的ESlint缩进问题解决办法

程序员文章站 2022-03-02 10:56:42
用vue-cli构建项目的时候,用stylus写样式,各种报错unexpected indent。浪费了两个小时的时间终于搞明白了问题。 踩坑 如下图: 添加backgr...

用vue-cli构建项目的时候,用stylus写样式,各种报错unexpected indent。浪费了两个小时的时间终于搞明白了问题。

踩坑

如下图:

sublime各种报错unexpectedindentVue的ESlint缩进问题解决办法

添加background-size属性的时候,就会报出这个错误。

很明显意思就是缩进错误。但是我怎么看也看不出所以然。

尝试解决

各种搜索,google, stractoverflow…

得到的信息是 :tab和空格混用缩进,导致stylus编译出错

嗨,rewrite my code.

如下图:

sublime各种报错unexpectedindentVue的ESlint缩进问题解决办法

嗯,这次不报错了。但是我对比了下。发现这两次的代码并没有什么不同!

但是管不了了,继续项目吧。项目能跑起来就行~!

解决问题

但是,就在我快写完了样式,但是遇到一个要绝对定位的元素,于是找到父元素,添加position:relative属性。发现: 又报同样的错误了!!!!

既然是tab和空格缩进,但是由于本人已经习惯了,空格,tab混用。那么能不能在我的sublime text3 里区别一下空格和tab形成的缩进呢。哈哈 可喜的是: 能!

找到preference > settings(user) 里

“draw_white_space” 设置为 “all”

"draw_white_space": "all",

这个时候看sublime text3 如下图:

sublime各种报错unexpectedindentVue的ESlint缩进问题解决办法

明显的看到:哪些用了空格,哪些用了tab。统一风格后,哈哈。再也不担心报错啦!~