“在定义之前已使用'React'”陪同警告

问题描述

与this post on StackOverflow类似的问题，但是在尝试了我在互联网上可以找到的所有内容之后，我似乎无法摆脱此警告。 Github Issue.

 Line 1:8:  'React' was used before it was defined  @typescript-eslint/no-use-before-define

我尝试将这些规则添加到.eslintrc.json中的规则中，但似乎都没有消除警告。

 "no-use-before-define": "off","@typescript-eslint/no-use-before-define": "off"

 "no-use-before-define": [0],"@typescript-eslint/no-use-before-define": [1]

我的其他项目中不存在此问题。我尝试从其他项目中复制package.json和.eslintrc.json，然后重新安装node_modules，但是它仍然存在。

有人对解决该警告有其他建议吗？预先感谢！

解决方法

那是因为：

这是很常见的事情，因为 TypeScript 添加了 ESLint 不知道的新功能。 第一步是在这里检查我们的“扩展”规则列表。扩展规则只是扩展基本 ESLint 规则以支持 TypeScript 语法的规则。如果您在那里找到它，请试一试，看看它是否适合您。您可以通过禁用基本规则并打开扩展规则来配置它。

所以请尝试在您的 .eslintrc.json 中编写该规则：

   'no-use-before-define': 'off','@typescript-eslint/no-use-before-define': ['error'],

相关链接：

https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/no-use-before-define.md

https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/FAQ.md#i-am-using-a-rule-from-eslint-core-and-it-doesnt-work-correctly-with-typescript-code