Chrome扩展添加Service Worker后ExtensionSidebarPane失效求助

你的代码本身没有语法错误，出现ExtensionSidebarPane在添加Service Worker后失效的问题，大概率是Chrome扩展缓存与DevTools加载逻辑的冲突，或是特定Chrome版本的兼容性问题，按以下步骤排查：

1. 强制清理扩展缓存并重启DevTools #

• 打开chrome://extensions/，开启开发者模式，找到你的TEST-EXTENSION，点击「重新加载」按钮
• 打开任意页面的DevTools，按F1进入设置，选择「恢复默认值并重新启动DevTools」
• 完全关闭所有Chrome窗口（包括后台运行的），重新打开Chrome后再测试

2. 检查Service Worker的运行状态 #

• 在chrome://extensions/页面，点击TEST-EXTENSION下的「Service Worker」旁的「检查视图」，查看控制台是否有报错
• 如果Service Worker加载异常，会间接影响扩展其他模块（包括DevTools页面）的初始化

3. 验证Chrome版本兼容性 #

你提到是Chrome更新后出现的问题，可尝试：

• 切换到Chrome稳定版的前一个版本测试，确认是否是新版本的bug
• 你的minimum_chrome_version设置为88，当前Chrome版本如果远高于这个，可能存在Manifest V3的细节行为变化

额外测试：调整Service Worker代码 #

尝试在Service Worker中添加一个空监听事件，确保它能正常激活（避免因过早休眠间接影响扩展模块）：

console.log('background service worker Loaded!');
// 添加空监听防止过早休眠
chrome.runtime.onMessage.addListener(() => {});

如果以上步骤都无效，可能是当前Chrome版本的已知bug，可等待后续版本更新修复。

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