javascript - Eslint 警告不允许我推送到仓库

Question

我有两个问题:

1) 我无法推送到我们的团队存储库，因为我的代码中有警告，并且当我尝试推送时 eslint 会使用react。

2)我确实在本地环境中收到了这些警告，而团队中的其他人却没有收到这些警告。

问题是，我是团队中唯一在尝试插入时遇到错误的人。

我做了什么:

安装了旧版本的 eslint (5.16.0)——没有任何改变。

尝试修改代码中的警告:

有关未使用的代码的警告:

const App: React.FC = () => {
  {
    const [view, setView] = useState('SignUp') // error here saying view is declared but not used.

    /*
    const VIEW_STATES: {[key: string]: string}  = {
      SignUp: <SignUp />,
      Success: <SuccessView />,
      Error: <ErrorView />,
    }
*/
    return (
      <>
        <Header />
        <main className="opt-main opt--bg-sm">
          <div className="-container">
            <div className="-row">
              <div className="-offset-sm-2 -col-sm-8 -offset-md-3 -col-md-6">
                <div className="opt--container">
                  <SignUp />
                </div>
              </div>
            </div>
          </div>
        </main>
        <Footer />
      </>
    )
  }
}

当删除上面未使用的代码时，我得到:

“嵌套 block 是多余的”...

同样，这仅发生在我的电脑上。同事们没有这个问题，我现在陷入困境，无法插入我的改变。

还尝试过:

{
  "extends": "react-app",
  "rules": {
    "Handling warnings": {
      "quiet": true,
      "max-warnings": -10
    }
  }
}

我能做什么？

Answer 1

view is declared but not used

这似乎是正确的:您应该使用它，或者删除它，这是正确的方法。您确实提到过您尝试过，然后点击:

"Nested block is redundant"

这是由于一对额外的外层 { } 大括号造成的。第一行的末尾包含 () => {，但下一行也以 { 开头，这是不必要的。删除多余的 { 和最后的 }，它应该可以正常工作。