报错原因:混用了tab和空格键。
彻底解决办法:
1. 先显示代码中的tab和空格键。每个编辑器的设置方法不同,自行查找,这里以webstorm为例。
这里写图片描述
2. ctrl+R键 查找tab替换为空格。在输入框里,先打一个tab键,再打2个空格,(我的代码风格为2个空格缩进,使用vue语法和stylus)也可以在文中先打出一个tab,再复制到输入框里。
这里写图片描述
补充:不知道怎么看代码规范设置的,如果是webpack打包的,在.editorconfig文件查看。
这里写图片描述
3. 最后在编辑器设置里,设置代码的风格。我这里把stylus的缩进设为2个空格,并使用tab键代替空格,即输入tab键自动转化为2个空格。想具体了解smart tab怎么设置的,移步官方文档https://www.jetbrains.com/help/webstorm/2016.2/common-code-style-options-tabs-and-indents.html
这里写图片描述

题外话,最好把js风格也统一成2个空格,更符合规范。
这里写图片描述

  1. 第一行有空格也会报错
    这里写图片描述
Logo

前往低代码交流专区

更多推荐