如何关闭react/react-in-jsx-scope规则？

Question

我正在使用 React 18 和 eslint 8 尽量防止使用 JSX 时丢失 React (react/react-in-jsx-scope) 此规则已添加到 .eslintrc.json

"plugins": ["react", "prettier"],
"rules": {
  "react/jsx-uses-react": "off",
  "react/react-in-jsx-scope": "off",
 ...

但在启动和构建时仍然看到此错误

'React' must be in scope when using JSX  react/react-in-jsx-scope

Answer 1

package.json

还有

eslintConfig

。尝试在那里添加规则并检查一次。另外，我建议只保留一个

eslintConfig

。将配置从

.eslintrc.json

移动到

package.json

或以其他方式移动。

Answer 2

有一个插件可能会覆盖您的

eslint.config.mjs

文件中的规则。添加您的

rules

对象：

{
  rules:{
     "react/jsx-uses-react": "off",
     "react/react-in-jsx-scope": "off",
  }
}

从

eslint.config.mjs

到导出对象的末尾，并验证错误是否仍然存在。例如：

export default [

   // ...

  {
    rules:{
       "react/jsx-uses-react": "off",
       "react/react-in-jsx-scope": "off",
    }
  }
];