React+Vite项目点击触发Uncaught TypeError错误排查求助
排查方向
排查第三方注入脚本/浏览器插件
报错文件content.js并非项目源码(清空App.tsx后仍报错可佐证),优先排查外部注入的脚本:- 关闭所有浏览器扩展插件,刷新页面测试,广告拦截、页面增强类插件常出现这类注入冲突
- 移除项目中所有非核心依赖(React、Vite、Tailwind之外的第三方库、埋点/统计脚本),逐步恢复排查哪一个触发了问题
定位
content.js来源- 在浏览器控制台点击报错行的
content.js:7:89199,跳转到源码面板查看文件的实际来源(比如是否来自某个node_modules包、或是浏览器插件的资源) - 检查
vite.config.ts中的全局注入配置(如inject选项、第三方Vite插件),临时注释非必要配置后重启开发服务
- 在浏览器控制台点击报错行的
排查全局事件监听
错误由document的点击事件触发,说明存在异常的全局监听:- 在浏览器控制台执行
getEventListeners(document),查看所有绑定在document上的click事件,定位监听函数的来源 - 检查
main.tsx中是否有全局事件绑定逻辑,或是第三方脚本自动挂载了点击监听
- 在浏览器控制台执行
验证环境差异
- 执行
npm run build构建生产包,用本地静态服务器(如npx serve dist)打开,确认错误是否存在,排除开发服务器的特殊配置问题 - 切换不同浏览器测试,排除浏览器特定的兼容问题
- 执行
内容的提问来源于stack exchange,提问作者Gabriele Cinà
相关产品推荐
相关产品推荐

