VUE 报错：Mixed spaces and tabs

出现问题的原因：项目使用了eslint 规范代码，而你的代码违反了规范

第一种方案（推荐）：通过编辑器格式化代码，统一缩进方式

第二种：关闭eslin 对空格和tab的校验
vue 3.0版本以下：
1，找到build->webpack.base.config.js。注释或者去掉对eslint-loader的引用。

{
      test: /\.(js|vue)$/,
      loader: 'eslint-loader',
      enforce: 'pre',
      include: [resolve('src'), resolve('test')],
      options: {
        formatter: require('eslint-friendly-formatter'),
        emitWarning: !config.dev.showEslintErrorsInOverlay
      }
}

2，重启项目

vue 3.0 + ：
在package.json中对eslin的规则进行详细配置 eslintConfig

 {
      "name": "xxxx",
      "version": "0.1.0",
      "private": true,
      "scripts": {
        "serve": "vue-cli-service serve",
        "build": "vue-cli-service build",
        "lint": "vue-cli-service lint"
      },
      "dependencies": {
        xxx
      },
      "devDependencies": {
       xxx
      },
     
      "eslintConfig": {
        "root": true,
        "env": {
          "node": true
        },
        "extends": [
          "plugin:vue/essential",
          "eslint:recommended"
        ],
        "parserOptions": {
          "parser": "babel-eslint"
        },
        "rules": {
          "no-console": "off",
          "no-debugger": "off",
          "no-mixed-spaces-and-tabs": "off"
        }
     
      },
      "browserslist": [
        "> 1%",
        "last 2 versions",
        "not dead"
      ]
 }

第三种其他方法：
新建一个vue.config.js

module.exports = {
	//避免eslint报错
	lintOnSave:false 
}