为什么'no-unused-vars'我在...循环，我该如何修复它？

Question

我正在开发一个使用 Create React 应用程序创建的 React 应用程序。在每一个为...的循环，我收到这个奇怪的"无未使用的变量"警告，指向我在 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

请将babel-eslint软件包升级到版本10.0.3。

这很可能会修复那些在循环中使用 var 并错误地报告为未使用的误报。

Answer 2

请参阅问题 12117，它与特定版本的 ESLint 相关。您可以将 ESLint 版本恢复到 v6.1.0 以解决此问题。

Answer 3

升级到eslint6.8.0 和babel-eslint10.1.0。

这是babel-eslint的已知问题，与所使用的eslint-scope版本有关。看起来它始于 6.1.0eslint。

只需将您的软件包升级到(至少(：

"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
}
}