Vue报错:error Mixed spaces and tabs no-mixed-spaces-and-tabs一、解释

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

二、报错可能出现的地方

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

三、修改方法

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

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

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

lintOnSave: false

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

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

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

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

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

总结

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