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

通用组件库报错

解决方案 :在 eslint.config.js 或 .eslintrc.js 中配置 globals

在 ESLint 配置文件中(如 .eslintrc.js 或 eslint.config.js),声明 React 作为全局变量:

javascript 复制代码
module.exports = {
  globals: {
    React: "readonly"
  },
  extends: ["eslint:recommended", "plugin:react/recommended"],
  rules: {
    "no-undef": "off" // 关闭 no-undef 规则,避免 React 误报
  }
};
相关推荐
csgo打的菜又爱玩3 小时前
Vue 基础(实战模板与命名指南)
前端·javascript·vue.js
gerrgwg5 小时前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端·javascript·vue.js
开心不就得了7 小时前
自定义脚手架
前端·javascript
没事多睡觉6669 小时前
Vue 虚拟列表实现方案详解:三种方法的完整对比与实践
前端·javascript·vue.js
excel10 小时前
Vue3 EffectScope 源码解析与理解
前端·javascript·面试
细节控菜鸡10 小时前
【2025最新】ArcGIS for JS 实现地图卷帘效果
开发语言·javascript·arcgis
ObjectX前端实验室12 小时前
【react18原理探究实践】React Effect List 构建与 Commit 阶段详解
前端·react.js
心.c13 小时前
一套完整的前端“白屏”问题分析与解决方案(性能优化)
前端·javascript·性能优化·html
俺会hello我的13 小时前
舒尔特方格开源
前端·javascript·开源
lbh13 小时前
Chrome DevTools 详解(二):Console 面板
前端·javascript·浏览器