DevTools crash after a while in FireFox 106

[gitpaladin]

Version

6.3.0

Browser and OS info

FireFox Developer Edition 106.0b04 / Windows 10

Steps to reproduce

1. Open a large project. In my case almost 500+ vue component was loaded.
2. Use DevTools in FireFox 106b.
3. Interact with the dev tools about 5 minutes
4. The dev tools crashed.
5. Close Firefox devtools and reopen the vue devtools can restart normally.
6. After while the vue devtools crashed again.

What is expected?

The devtools should not be crashed.

What is actually happening?

The devtools crash frequently.

---

After I upgrade firefox 106, the bug occurred. In Chrome or Firefox 105, it behaves normally (not crash frequently).

[gitpaladin]

Just like this

[jon-karlsen]

I'm experiencing the same problem starting today on Windows 10 with Firefox DE 106.0b4 and tools 6.3.0. On loading my Vue project, I can work with the dev tools for a relatively short time before I run into the same behaviour described above. Reloading the page will start the cycle over. My project is much smaller, with only two views and ~20 components.

[Akryum]

Did you experience this on Chrome or Edge too?

[jon-karlsen]

@Akryum In Chrome it works as expected for me.

[Akryum]

The logo on your screenshot is shown when the devtools frontend disconnects from the injected script (mostly when you reload the page). I've tried leaving mine open on Firefox 104 a fairly complex app and it has not disconnected for almost an hour. Could you provide more details such as:

• system specs
• project packages versions
• a reproduction on which it crashes.

There is a chance this is caused by a bug in Firefox 106. I'll try again on Firefox DE

[Akryum]

It seems that it does not happen if the tab is always visible (even if not focused)

[Akryum]

Looks like Firefox 106 terminates the background scripts if the tab is in the background.

[pasamsin]

I'm using macos firefox developer edition version 106.0b9(64 bit) and I'm having the same problem, it keeps restarting about every 30 second.

[Lsystems]

I'm using macos firefox developer edition version 106.0b9(64 bit) and I'm having the same problem, it keeps restarting about every 30 second.

The same here, and if you have a complexe app with canvas and high frequency reactivity use, it crashes once and you have to close the console, reload your page to reopen the console. 30 seconds later, it crashes again.

Firefox 106.0b9 (64 bits) / Windows 10 up to date.

[kepi0809]

I'm having the same issue with a mid-sized project on Firefox dev ediiton 106.0b9 (64-bit) and Ubuntu 22.04.1 LTS (jammy) my colleagues use chrome and Windows 11 and they have the same issue, so it's safe to say it's not browser/OS specific issue.

It makes the vue dev-tools tab basically unusable because it keeps restarting approximately every 15 seconds. We basically have to use console or me personally debugger to have a somewhat similar result but of course, it is not the same.

Did anybody find a fix for this? I tried to downgrade the extension to version ^5 after seeing one comment that it fixed for them but it didn't work. Any ideas?

This project I'm working on uses an app shell, since the project itself is not too complex, I'd assume that it might have something to do with the app shell, but it's just a guess.

@Akryum please consider re-opening this issue ticket as we don't know any fix for this yet. It affects quite a few people here.

[Locheed]

Came to look if it was a known bug. The same is happening here with the newest Firefox Developer Edition. Really frustrating bug.

[Akryum]

Firefox has changed the way they handle extension background pages 👀