1. 问题
用vue-cli脚手架,eslint报格式错误踩了很多坑。stylus格式排列正确,如下图所示:
- 但是添加的样式无效,在浏览器中查看,
bulletin
和content
也没有样式,说明没有添加成功。
并且运行时报“indent”错误。
2. 解决方法
我把stylus的所有样式试了个遍,终于知道原因了:tab和空格混用了。
表面上格式是正确的,但是在混用的时候,是会报错的。
可以在sublimeText的preferences-setting(user)中设置显示空格符号,把“draw_white_space”
的属性设置成“all”
就可以明显看出来哪些地方混用了。
效果如下: