我收到一个错误的缩进错误,我很难推理。非常感谢一些帮助。这是剥离的Header.js文件,其中ESlint认为有些不对劲:
import React from 'react';
function Header() {
return <p>Test</p>;
}
module.exports = Header;
ESlint抛出错误
4:3 error Expected indentation of 1 tab character but found 0 indent
我的.eslintrc文件如下:
{
"parser": "babel-eslint",
"env": {
"browser": true,
"node": true
},
"extends": "airbnb",
"rules": {
"arrow-body-style": [0],
"comma-dangle": 0,
"indent": [2, "tab", {"SwitchCase": 1}],
"no-console": 0,
"react/prop-types": 0,
"react/jsx-indent-props": [2, "tab"]
}
}
ESLint版本是2.11.1
我肯定错过了一些错误。但无法弄清楚是什么。我查看了ESlint文档;但我的用法似乎是对的。我也检查了第4行的标签间距。
更新1:
当我在vim中键入相同的代码时,错误消失了。我认为该错误与我最近安装的一些崇高设置/插件有关。
更新2:
找出问题所在。
我提到的崇高设置
"tab_size": 4,
这与我的.eslintrc文件不兼容。我将设置更改为
"tab_size": 2,
问题已解决。
非常感谢所有评论过的人