Eslint的警告不允許我推動回購

Question

我有兩個問題：

1）我無法推送到我們的團隊倉庫，因為我的代碼中存在警告，並且在嘗試推送時會做出反應。

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 />
      </>
    )
  }
}

當刪除上面未使用的代碼時，我得到：

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

同樣，這僅發生在我的電腦上。 同事沒有這個問題，我現在陷入困境，無法推動我的更改。

還嘗試了：

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

我能做什么？

Answer 1

視圖已聲明但未使用

這似乎是對的：您應該使用它，或者將其刪除，這是正確的方法。 您確實提到過嘗試過，然后點擊：

“嵌套塊是多余的”

這是由於另外一對{ }大括號引起的。 第一行的末尾包含() => { ，但是下一行也不必以{開頭。 刪除多余的{和final } ，它應該可以正常工作。

Answer 2

您可以使用以下注釋在一行上禁用eslint規則：

const mycode = {..} // eslint-disble line

Answer 3

幾個小時后，在發布之后，發現有人在我們的環境中安裝了哈士奇犬。

由於eslint顯示錯誤，所以我認為這是問題所在。

卸載哈士奇，解決所有問題。

如果可以的話，將刪除該問題，因為在這種情況下會導致誤導。 希望有人可以對此胡思亂想。