為什么我在 for...of 循環中收到“no-unused-vars”警告，我該如何解決？

Question

我正在開發使用 Create React App 創建的 React 應用程序。 在每個 for...of 循環中，我都會收到這個奇怪的“no-unused-vars”警告，該警告指向我在 for 語句中實例化的變量。

ESLint 告訴我我的變量沒有被使用，但它實際上被使用了。

有沒有其他人收到類似的警告？ 這是 ESLint 錯誤還是我在這里做錯了什么？
這不是什么大問題，但很煩人。
謝謝你的幫助。

   for (let track of tracks) {
        let chords = RavelFormatter.splitEntries(track.pitches)
        for (let chord of chords) {
            var n = chord.split(':')
            total += n.length
        }
    }

控制台輸出

  Line 13:  'track' is defined but never used       no-unused-vars
  Line 15:  'chord' is defined but never used       no-unused-vars

Answer 1

請參閱issue 12117 ，它與特定版本的 ESLint 相關。 您可以將 ESLint 版本恢復到 v6.1.0 以解決此問題。

Answer 2

請將babel-eslint包升級到10.0.3版本。

這很可能會修復那些在循環內使用 var 並錯誤地報告為未使用的誤報。

Answer 3

升級到eslint 6.8.0 和babel-eslint 10.1.0。

這是babel-eslint一個已知問題，與使用的eslint-scope版本有關。 看起來它是從eslint 6.1.0 開始的。

只需將您的軟件包升級到（至少）：

"babel-eslint": 10.1.0,
"eslint": 6.8.0

您可以在此處查看 Github 問題：

• https://github.com/eslint/eslint/issues/12117
• https://github.com/babel/babel-eslint/issues/791

Answer 4

我能夠通過使用它來修復它。

let track = null;

for (track of tracks) {
    let chords = RavelFormatter.splitEntries(track.pitches)
    for (let chord of chords) {
        var n = chord.split(':')
        total += n.length
    }
}