只需在service worker（sw.js）文件的顶部添加self.__WB_DISABLE_DEV_LOGS = true。
与这里张贴的答案相反，解决方案不是：

• 取消注册Service Worker以清除消息。您的应用可能需要它才能正常运行
• 添加workbox.setConfig({debug: false})，除非知道它的作用：

它在 production build和 debug build之间切换。workbox在 localhost 上运行时自动选择 debug build。

为我工作：控制台-〉应用选项卡-〉Service workers -〉sw.js unregister

您可以使用workbox.setConfig({ debug: false });来使用生产构建并删除额外的日志记录，否则相应地调整Web控制台日志级别过滤。
文档：https://developers.google.com/web/tools/workbox/guides/troubleshoot-and-debug
导入后，将此设置添加到Service Worker定义文件中。例如：

importScripts(`https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js`);
if (workbox) {
    console.log(`Yay! Workbox is loaded 😁`);
} else {
    console.log(`Boo! Workbox didn't load 😬`);
}
// Switch debug logging on/off here. Default is on in dev and off in prod.
workbox.setConfig({debug: false});

欲了解更多信息，请访问https://developers.google.com/web/tools/workbox/guides/configure-workbox#configure_debug_builds_vs_production_builds

感谢Antonina K提供的答案，我能够找到FireFox的答案。以防其他人需要这个。正如Antonina所提到的，在Chrome中，控制台有一个应用程序选项卡，其中引用了浏览器使用的所有service worker。FireFox没有这个选项卡（或者至少我的版本没有）。在FireFox中，打开一个新的选项卡，并在地址栏中放置about：serviceworker。滚动列表以找到工作框服务worker。对我来说，它被列为localhost：8080。我注销了该worker，我不再在控制台中看到大量的工作框消息。我终于可以再次调试我的应用程序了！以下是我引用来解决问题的链接：Manage Service Workers in FireFox and Chrome

这就是你们一直在寻找的东西。把它添加到你的service-worker.js的顶部：

workbox.setConfig({ debug: false, logLevel: 'warn' });

不要忘记注解debug属性！！！