Vite+React+TypeScript应用在Chrome常规模式异常，隐身模式正常

问题分析 #

控制台的Fetch intercepted for http://localhost:5173/ service-worker.js:34提示，明确说明有Chrome扩展或残留的Service Worker在拦截页面请求，导致页面资源加载异常，仅显示默认加载点。由于隐身模式默认禁用扩展、其他浏览器无对应拦截逻辑，所以能正常运行。

解决步骤 #

1. 彻底排查并处理问题扩展 #

• 打开Chrome扩展管理页面：地址栏输入chrome://extensions/
• 开启右上角的开发者模式，方便查看所有扩展细节
• 逐个禁用扩展，每禁用一个就刷新应用页面，找到引发拦截的扩展后直接卸载
• 重点排查：广告拦截器、隐私保护工具、VPN/代理类扩展，这类工具常拦截本地服务请求

2. 清除Chrome的Service Worker缓存 #

• 打开Chrome开发者工具（按F12或右键→检查）
• 切换到Application标签页
• 在左侧导航栏找到Service Workers，定位到localhost:5173对应的条目，点击Unregister注销
• 同时清理站点缓存：在Application→Storage面板，点击Clear site data，勾选所有选项后确认

3. 重置Chrome默认设置（终极方案） #

若上述步骤无效，重置Chrome到初始状态：

• 打开Chrome设置→进入高级选项→找到重置和清理
• 选择将设置恢复为原始默认值并确认
• 此操作不会删除书签、密码，但会清除所有扩展、自定义设置，恢复浏览器初始状态

验证操作 #

完成步骤后，关闭所有Chrome窗口，重启浏览器，再重启Vite开发服务器（yarn dev），访问应用确认是否正常渲染。

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