MERN栈电商网站本地运行时Chrome无法点击，Edge正常，如何修复？

1. 清除Chrome缓存与站点数据 #

Chrome缓存的旧资源可能和当前开发版本冲突，导致交互异常：

• 打开Chrome，按Ctrl+Shift+Delete（Windows）或Cmd+Shift+Delete（Mac）打开清除数据面板
• 勾选「缓存的图片和文件」「Cookie和其他网站数据」，时间范围选「所有时间」，点击「清除数据」
• 重启Chrome后重新访问localhost地址

2. 禁用所有Chrome扩展 #

扩展可能注入脚本或样式干扰页面交互：

• 地址栏输入chrome://extensions/打开扩展管理页面
• 开启「开发者模式」，点击「禁用所有扩展」
• 刷新页面测试，若恢复正常，再逐个启用扩展排查冲突项

3. 检查Chrome隐私安全设置 #

部分安全规则可能阻止页面脚本执行：

• 进入Chrome设置→「隐私和安全」→「网站设置」
• 确保「JavaScript」设置为「允许所有网站运行JavaScript」
• 检查「权限」分类下的弹窗、通知等设置，确认未限制本地站点

4. 排查前端代码兼容性问题 #

存在Chrome特有的代码逻辑或样式冲突可能：

• 按F12打开开发者工具，在「元素」面板检查是否有元素设置了pointer-events: none属性（该属性会禁用点击）
• 切换到「Console」面板查看报错信息，根据提示修复代码中的API调用或事件监听逻辑
• 确认是否存在针对Chrome的错误分支判断，比如使用了已废弃的浏览器API

5. 重置Chrome浏览器配置 #

若配置文件损坏可能导致异常：

• 打开Chrome设置，拉到最底部点击「高级」
• 找到「重置和清理」→「将设置恢复为原始默认设置」
• 确认重置后重新打开Chrome访问站点

6. 调整Chrome版本 #

若怀疑是版本更新引入的bug：

• 查看当前Chrome版本（设置→关于Chrome），若为最新版，可手动下载上一稳定版安装包覆盖安装
• 若当前版本不是最新，直接更新到最新稳定版测试是否修复问题

内容的提问来源于stack exchange，提问作者user17847616