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

发布时间 2023-12-11 16:06:29作者: 芊嵛

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

一、解释

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

二、报错可能出现的地方

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

image

三、修改方法

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

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

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

lintOnSave: false

image

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

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

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

image

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

image

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

总结

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