-
-
Notifications
You must be signed in to change notification settings - Fork 4.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
After 2 minutes, it unloads itself #1974
Comments
Hello, thank you for taking time filling this issue! However, we kindly ask you to use our Issue Helper when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!). I hope to see your helper-created issue very soon! |
I am running into the same issue, but with Vue 3 apps instead - it seems the reconnection logic (I read about it somewhere) may be the cause - the thing is, it's really annoying as I cannot simply restart the extension - re-opening the browser devtools fixes it though |
Sadly they can't - as the Issue Helper is missing |
I can confirm this on Linux with Firefox. |
Same issue with Firefox Developer Edition v107.0b5 (64 bits) on OSX (Monterey but saw the same problem on BigSur) with vue 2.7.13 and devtools 6.4.5 |
Confirm this on Arch Linux with Firefox |
+1 on the same config, except vue 2.6 |
I tried to debug this, by inspecting the extension while it un-/reloads. Navigating to
The extension itself then did not unload/reload. I'm guessing Firefox tries to unload the background page (because it determined it was idle), which triggered a reload of the extension. Not sure how to proceed from here, as I'm not experienced in extension authoring. Edit, forgot to mention: Firefox 106.0.2, Vue.js devtools 6.4.5, Debian Linux stable/11.5 |
I noticed, as I am currently debugging performance issues, that if I disable all layers on the |
Isn't it possible to disable the time grid anymore? |
How is this being solved in the React devtools? I'm guessing the two must've been set up similarly, so perhaps the solution is quite similar as well. |
Can we please get some prioity behind this issue? It's still a problem and it's really annoying to have an invisible timer that counts down to the devtools unloading itself. It's not possible to downgrade a browser addon. Due to the severety/impact of this bug, I propose someone does one of two things:
Please let us know which it's going to be, dear devs. |
Yep. This really bugs me. I have to use Chrome when I need to use Vue devtools. Unusable with a FF. There was another ticket before this with same issue: https://github.com/vuejs/devtools/issues/1950 |
Seems to work! |
Unfortunately I still encounter the problem, with
impossible to work properly with such a problem. current solution |
Same issue on MacOS. |
also having this issue |
Same: Firefox 106 on MacOS Ventura with devtools 6.4.5 |
same here: Firefox 106.0.4 on Manjaro 5.15.76, Devtools 6.4.5 For me it's like 15 secs before the devtools die |
Same here... Is very annoying... I need to reload the page every 15sec. |
Same problem. After a short amount of time the Vue devtools tab goes blank and only shows <\> Sometimes it comes back on. It seemed to start happening in October. |
Can confirm this as well with: |
Yep same problem. |
Same issue now. To add, occasionally, Firefox freezes when hovering over components (highlighting in green in the browser) and the tab instance skyrockets to 4.1GB of RAM then suddenly drops to 300MB where it normally hovers. It is constantly loading/unloading to the point I've had to break down and use ... Edge, to debug development. Edge..I've demeaned myself to using Edge to keep using Vue Devtools. Update - still doing it after upgrading to FF 107 just now. |
Same issue for me as well. After a period of time (30s to a minute) the Vue tab of Inspector reboots itself, and then another period after that it crashes and doesn't come back.
|
From @dmke:
I wonder if the problem is the background tab unloading, perhaps just changing this https://github.com/vuejs/devtools/blob/main/packages/shell-chrome/manifest.json#L31 |
MDN says to
Currently, Vue devtools has set |
I also experience this issue (crashing and rebooting) of the Vue devtools.
But besides just crashing and rebooting in my case the Vue devtools slows down the application in an extend where it becomes unusable. When I switch to Chromium 107 it works without issues. Like @Locheed mentioned in https://github.com/vuejs/devtools/issues/1974#issuecomment-1301869934 there is another (closed) issue where this problem is described. It also states this starts to occur in Firefox 106 because they changed the way Firefox handles extension background pages. This led me to download Firefox Extended Support Release (ESR) where (for me) the problem doesn't occur. This is not the solution but a work-around for those who experience this problem and need to deliver their stuff yesterday 😅 Note: The Linux variant is an compressed version of Firefox Extended Support Release (ESR) which doesn't require actual installation. Note: Since Firefox's downgrade protection it creates a new profile by default. I was able to sync my profile by using the |
Please elevate priority for this bug. Is anyone actually working on this? If not, please do. It's taking a long time, so if there's any additional information required, please do ask for it, don't wait around. |
Updated Firefox to 107.0 and it seems to fix it |
Do we actually know the devs are aware of the problem? Very top response is a bot response that the message wasn't submitted properly. It's possible that they use an issue tracker instead of checking this page, and never been made aware of this problem outside of the closed issue #1950. Usually you get some fairly quick responses from the devs on other issues, might be the case this one went under the radar. |
Good point. I've asked in their forums. |
This issue is enough. If they aren't looking at any github issues, they are missing out on a whole bunch of other issues, surely. Plus it doesn't make sense to copy things over using some kind of half-working system to another issue tracker when you've already got a perfectly good one right here. |
After updating FF to 107.0.1 the debugger now shows this on the extension Reading manifest: Warning processing version_name: An unexpected property was found in the WebExtension manifest. |
Firefox recently broke addons as they changed the behavior of background pages. |
@Akryum: Can you estimate how difficult the migration to Manifest v3 is? Would it be possible to build an interim version, with |
I've followed this guide to test the FF addon: https://devtools.vuejs.org/guide/contributing.html#testing-as-firefox-addon, however the Console output$ web-ext --version
7.4.0
$ web-ext run -s packages/shell-chrome -a dist -i src --verbose
[$HOME/.config/yarn/global/node_modules/web-ext/lib/program.js][info] Version: 7.4.0
[$HOME/.config/yarn/global/node_modules/web-ext/lib/program.js][debug] Discovering config files. Set --no-config-discovery to disable
[$HOME/.config/yarn/global/node_modules/web-ext/lib/config.js][debug] Discovered config "$HOME/.web-ext-config.js" does not exist or is not readable
[$HOME/.config/yarn/global/node_modules/web-ext/lib/config.js][debug] Discovered config "$HOME/code/github.com/vuejs/devtools/web-ext-config.js" does not exist or is not readable
[$HOME/.config/yarn/global/node_modules/web-ext/lib/program.js][info] Applying config file: ./package.json
[$HOME/.config/yarn/global/node_modules/web-ext/lib/config.js][debug] Loading JS config file: "$HOME/code/github.com/vuejs/devtools/package.json" (resolved to "$HOME/code/github.com/vuejs/devtools/package.json")
[$HOME/.config/yarn/global/node_modules/web-ext/lib/config.js][debug] Looking for webExt key inside package.json file
[$HOME/.config/yarn/global/node_modules/web-ext/lib/config.js][debug] Config file $HOME/code/github.com/vuejs/devtools/package.json did not define any options. Did you set module.exports = {...}?
[$HOME/.config/yarn/global/node_modules/web-ext/lib/cmd/run.js][info] Running web extension from $HOME/code/github.com/vuejs/devtools/packages/shell-chrome
[$HOME/.config/yarn/global/node_modules/web-ext/lib/util/manifest.js][debug] Validating manifest at $HOME/code/github.com/vuejs/devtools/packages/shell-chrome/manifest.json
[$HOME/.config/yarn/global/node_modules/web-ext/lib/extension-runners/firefox-desktop.js][debug] Creating new Firefox profile
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/index.js][debug] Running Firefox with profile at /tmp/firefox-profileWpFkkf/
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/index.js][debug] Executing Firefox binary: /usr/bin/firefox
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/index.js][debug] Firefox args: -start-debugger-server 46777 -foreground -no-remote -profile /tmp/firefox-profileWpFkkf/
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/index.js][info] Use --verbose or --devtools to see logging
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to the remote Firefox debugger
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to Firefox on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Retrying Firefox (0); connection error: Error: connect ECONNREFUSED 127.0.0.1:46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to Firefox on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Retrying Firefox (1); connection error: Error: connect ECONNREFUSED 127.0.0.1:46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to Firefox on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Retrying Firefox (2); connection error: Error: connect ECONNREFUSED 127.0.0.1:46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to Firefox on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Retrying Firefox (3); connection error: Error: connect ECONNREFUSED 127.0.0.1:46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to Firefox on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Retrying Firefox (4); connection error: Error: connect ECONNREFUSED 127.0.0.1:46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to Firefox on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/index.js][debug] Firefox stdout: Started devtools server on 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Retrying Firefox (5); connection error: Error: connect ECONNREFUSED 127.0.0.1:46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connecting to Firefox on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js][debug] Connected to the remote Firefox debugger on port 46777
[$HOME/.config/yarn/global/node_modules/web-ext/lib/program.js][error]
WebExtError: installTemporaryAddon: Error: Error: Could not install add-on at '$HOME/code/github.com/vuejs/devtools/packages/shell-chrome': Error: Unsupported manifest version: 3
at RemoteFirefox.installTemporaryAddon (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js:90:13)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async FirefoxDesktopExtensionRunner.startFirefoxInstance (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/extension-runners/firefox-desktop.js:218:27)
at async FirefoxDesktopExtensionRunner.run (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/extension-runners/firefox-desktop.js:51:5)
at async Promise.all (index 0)
at async MultiExtensionRunner.run (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/extension-runners/index.js:68:5)
at async run (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/cmd/run.js:178:3)
at async Program.execute (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/program.js:263:7)
at async file://$HOME/.config/yarn/global/node_modules/web-ext/bin/web-ext.js:13:1
[$HOME/.config/yarn/global/node_modules/web-ext/lib/program.js][debug] Command executed: run
$ echo $?
1 How to proceed from here? |
Did you turn MV3 on in FF? |
No, but even with both config toggles active, I still get "Unsupported manifest version: 3". When starting Console output$ web-ext run -s packages/shell-chrome -a dist -i src --firefox-preview
Applying config file: ./package.json
Running web extension from $HOME/code/github.com/vuejs/devtools/packages/shell-chrome
Configuring Firefox preferences for Manifest V3
Setting custom Firefox preferences: {
"extensions.manifestV3.enabled": true
}
Use --verbose or --devtools to see logging
WebExtError: installTemporaryAddon: Error: Error: Could not install add-on at '$HOME/code/github.com/vuejs/devtools/packages/shell-chrome': Error: background.service_worker is currently disabled
at RemoteFirefox.installTemporaryAddon (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/firefox/remote.js:90:13)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async FirefoxDesktopExtensionRunner.startFirefoxInstance (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/extension-runners/firefox-desktop.js:218:27)
at async FirefoxDesktopExtensionRunner.run (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/extension-runners/firefox-desktop.js:51:5)
at async Promise.all (index 0)
at async MultiExtensionRunner.run (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/extension-runners/index.js:68:5)
at async run (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/cmd/run.js:178:3)
at async Program.execute (file://$HOME/.config/yarn/global/node_modules/web-ext/lib/program.js:263:7)
at async file://$HOME/.config/yarn/global/node_modules/web-ext/bin/web-ext.js:13:1 In This is with FF 107.0.1. Do I need the Nightly or Developer edition for this? |
In FF 108.0b9 (Developer Edition), I get the same error. It seems, Btw. I've changed |
Firefox starting with version 106 introduced a change which apparently broke background pages. For the Vuejs devtools, this surfaced as extension unloading when the browser reached an "idle" state. User having the extension open noticed it as a unloading/reloading of the devtools tab. By setting background.persisted to true in the manifest.json, the unloading stopped. Note: This is a temporary solution, until Manifest v3 is properly supported.
#2000 will fix this issue. |
Thanks @dmke for investigating and coming up with a fix! I've been experiencing this issue for a while now so I'm looking forward to it being resolved. Is there anything else that needs to be done to have this merged and released? |
It'd be nice if someone would test #2000 against a Chromium-based browser, just to see that it doesn't break anything: https://devtools.vuejs.org/guide/contributing.html#testing-as-chrome-addon |
I've found a VM where I dared to install Chrome into. As far as I can tell, the extension does not break, but displays a warning regarding Manifest v2 being deprecated (as expected). For the impatient and trusting, I've build a
To install locally, go to Don't forget to disable the actual Vue.js devtools extension.
|
Is this addon released yet? If not, it's a good idea to release it to Mozilla only until Chrome is tested properly. Seeing how tremedously annoying this problem is, and all... I mean let's be honest, we've had to cope with this for months. |
@Akryum Just curious: is that fix a temporary workaround, or a proper permanent fix? Seeing how small of a change it is... |
It's a proper fix until the extension is fully migrated to Manifest V3 (which doesn't support background pages). |
So why is it closed then? It's not fixed yet, clearly. |
Thanks for releasing a new version with this fix @Akryum. I see that the new 6.5.0 update is available on the Chrome Web Store, but Firefox Browser Add-ons is still showing the 6.4.5 release from October 2022. Is there a review process at Mozilla we're waiting on, or does the updated extension still need to be submitted there? |
It's still pending review on AMO |
For anyone following this issue waiting for the new release, version 6.5.0 containing this fix is now live on AMO: https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/versions/ Thanks again to those who helped getting this resolved! 🎉 |
Vue devtools version
6.4.5
Link to minimal reproduction
N/A
Steps to reproduce & screenshots
Sorry, no reproduction. I don't know what causes the problem, so I have no way of knowing how to make a reproduction.
What is expected?
Nothing happens. Devtools stays open, and stays functional.
What is actually happening?
One of two things may happen:
In either case, should I have been debugging, making changes, etc, I can just go and start all over. Any work that I'm doing in the devtools is rudely interrupted and goes poof, i.e. it doesn't remember any changes and doesn't recover them.
System Info
I don't know why so many people use this script, it's poop. Firefox is not in there.
Any additional comments?
Worked fine in some older version. Don't know which one, since browser addons update fully automatically.
The text was updated successfully, but these errors were encountered: