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

  • Vue报错:error Mixed spaces and tabs no-mixed-spaces-and-tabs已关闭评论
  • 30 次浏览
  • A+
所属分类:Web前端
摘要

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


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

一、解释

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

二、报错可能出现的地方

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

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

三、修改方法

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

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

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

lintOnSave: false 

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

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

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

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

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

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

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

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

总结

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