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
如果只用第一种方法请把它恢复,并且千万不要在里面写注释
修改完记得保存,不需要重新启动
总结
建议第二种方法,当然两种方法同时存在也可以