Vue报错：error Mixed spaces and tabs no-mixed-spaces-and-tabs

Vue报错：error Mixed spaces and tabs no-mixed-spaces-and-tabs

一、解释

在开发过程中使用了ESLint，用来规范代码风格。ESLint是语法检查工具，缺点是对所写代码要求过于严格。这里是因为空格的使用导致的。

二、报错可能出现的地方

我第一次出现这个问题是在App.vue文件的<script></script>中加了注释前加了个空格从而出现了报错

三、修改方法

方法一：针对我上面的报错

1.把注释去掉
2.重写排版
二选一

方法二：修改vue.config.js文件

lintOnSave: false

修改完要保存，然后重启项目

方法三：修改package.json文件中的rules,加上下面这句话

"no-mixed-spaces-and-tabs":0

如果只用第一种方法请把它恢复，并且千万不要在里面写注释

修改完记得保存，不需要重新启动

总结

建议第二种方法，当然两种方法同时存在也可以