vue项目eslint报错与解决方法整理

Posted 2023-04-18

参考技术A 解决方法：
在项目的 .eslint.js 文件中添加 "no-tabs":"off"

应该有两个空格但是出现了一个回车
前提：编辑器的tab缩进的长度等都已经修改过仍然有问题，此时，在 .eslint.js 文件中添加： "indent":"off"

后续会继续整理~~~

解决vue代码缩进报错问题 关闭ESlint

前言

使用vue-cli来构建单页SPA应用，提示代码缩进报错

原因分析

通过查看package.json文件我们可以发现，在文件中默认安装了eslint-loader模块，eslint-loader模块是目前相对比较流行的代码检测工具，可以检测书写的代码是否符合统一规范，可以在一些比较大型的项目开发中统一开发人员的代码风格，这也就是为什么代码缩进有可能导致页面报错的原因（代码缩进不符合规范）。

解决办法

方法一：了解eslint-loader规则，严格按照规范书写代码（这是废话）

方法二：关闭eslint

如果实在普通的webpack项目中我们只需要打开webpack.config.js文件，然后去除ESlint在文件中的配置代码就可以了；

如果是在vue项目中，我们需要打开项目根目录下的build文件夹并且打开该文件夹下的webpack.base.conf.js文件，然后去除ESlint在文件中的配置代码就可以了。