vue项目出现缩进报错的问题怎样解决-群英

上一篇：vue封装方式有哪些，如何确定需要封装下一篇：jQuery如何实现广告展示几秒后自动隐藏

今天就跟大家聊聊有关“vue项目出现缩进报错的问题怎样解决”的内容，可能很多人都不太了解，为了让大家认识和更进一步的了解，小编给大家总结了以下内容，希望这篇“vue项目出现缩进报错的问题怎样解决”文章能对大家有帮助。

项目场景：

在运行Vue项目时，出现了缩进报错的问题，我是使用idea 的编译器，上网查了一下多数都是直接更改缩进的的数量，不过我觉得麻烦，就只是想要关掉验证。

问题描述：

idea编译器出现Vue缩进报错

http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2
src\components\Home.vue:6:1
    export default {
   ^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src\components\Home.vue:7:1
      name: 'Home'
   ^

http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2
src\components\Home.vue:8:1
    }
   ^

3 problems (3 errors, 0 warnings)

解决方案：

在.eslintrc.js 里加入这三行代码即可

'no-tabs':'off',
    'indent':'off',
    'space-before-function-paren':0

加入后样子

rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-tabs':'off',
    'indent':'off',
    'space-before-function-paren':0
  }

现在大家对于vue项目出现缩进报错的问题怎样解决的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。