解决控制台出现的“error Empty block statement no-empty“的问题（vue项目）

解决控制台出现的"error Empty block statement no-empty"的问题（vue项目）

此问题的出现是因为页面中代码空格引起的，具体原因还是eslint校验

解决方案

第一步 在 package.json中添加

{
  "name": "system",
  "version": "0.1.0",
  "private": true,
  "eslintConfig": {
    "plugins": ["example"],
    "env": {
        "example/custom": true
    }
},
}

第二步 在项目根目录添加独立的配置文件.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

第三步 在项目根目录创建vue.config.js

module.exports = {
    devServer: {
        overlay: {
            warnings: false,
            errors: false
        }
    }
}