Could not establish connection. Receiving end does not exist when extension updated on store

[Anyasya]

Describe the bug

i know this error has always been around and it's often caused by an architectural deficiency in Chrome - the lack of automatic re-injection of the content scripts in the currently open tabs after the extension is updated/installed/reloaded like Firefox does it. The solution for Chrome is to inject the scripts explicitly in chrome.runtime.onInstalled but i don't know how to do it in wxt

my background.ts

import { onMessage, sendMessage } from '@/helpers/messaging';

export default defineBackground(() => {
  onMessage('popup:getData', async (message) => {
    return await sendMessage(
      'background:getData',
      undefined,
      message.data,
    );
  });
});

Reproduction

Could not establish connection. Receiving end does not exist when extension updated on store

Steps to reproduce

No response

System Info

Chrome

Used Package Manager

npm

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[aklinker1]

this is more of a question than a bug? I'm gonna convert this to a discussion.

[aklinker1]

WXT doesn't do this automatically for you, since it requires additional permissions. See this stack overflow answer instead:

https://stackoverflow.com/questions/10994324/chrome-extension-content-script-re-injection-after-upgrade-or-install#11598753