如何在 TypeScript + ESLint 中正确处理 React 未定义问题

曹天骄

于 2025-03-26 10:09:53 发布

阅读量468

点赞数 2

文章标签： react.js typescript javascript

本文链接：https://blog.csdn.net/solocao/article/details/146521616

版权

通用组件库报错
在这里插入图片描述
解决方案：在 eslint.config.js 或 .eslintrc.js 中配置 globals
在 ESLint 配置文件中（如 .eslintrc.js 或 eslint.config.js），声明 React 作为全局变量：

module.exports = {
  globals: {
    React: "readonly"
  },
  extends: ["eslint:recommended", "plugin:react/recommended"],
  rules: {
    "no-undef": "off" // 关闭 no-undef 规则，避免 React 误报
  }
};