当前位置: 移动技术网 > IT编程>网页制作>CSS > sublime各种报错unexpectedindentVue的ESlint缩进问题解决办法

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

2019年06月13日  | 移动技术网IT编程  | 我要评论

我是军阀2,徐思琼,量具量仪

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

踩坑

如下图:

这里写图片描述

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

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

尝试解决

各种搜索,google, stractoverflow…

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

嗨,rewrite my code.

如下图:

这里写图片描述

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

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

解决问题

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

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

找到preference > settings(user) 里

“draw_white_space” 设置为 “all”

"draw_white_space": "all",

这个时候看sublime text3 如下图:

这里写图片描述

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网