search

mubaidr / vite-vue3-browser-extension-v3

Another vite powered web extension (chrome, firefox, etc.) starter template.
506 stars 67 forks source link

Add vue devtools vite plugin #53

Closed mubaidr closed 8 months ago

mubaidr commented 11 months ago

vite-plugin-vue-devtools: https://devtools-next.vuejs.org/guide/vite-plugin

mubaidr commented 10 months ago

Investigate why vue-devtools breaks webpage styles. maybe related to: https://github.com/mubaidr/vite-vue3-chrome-extension-v3/pull/51?

mubaidr commented 10 months ago

We have to solve this tailwind issue either way. So I think this is worth the effort?

mubaidr commented 10 months ago

This is the cause: image

Denying load of chrome-extension://pbcpfbcibpcbfbmddogfhcijfpboeaaf/inject.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.
invalid/:1 

       Failed to load resource: net::ERR_FAILED
favicon.svg:1 

       Failed to load resource: the server responded with a status of 404 (Not Found)

Damn. You have already reported and I forgot about that.

mubaidr commented 10 months ago

I think this can be fixed by adding this script to web accessible content list in manifest file. Let try!

mubaidr commented 10 months ago

update: dev tools seem to load fine when opened in new tab, but does not work when opened in extension pages. Screenshot_20240112_141418

mubaidr commented 10 months ago

This is the cause: image

Denying load of chrome-extension://pbcpfbcibpcbfbmddogfhcijfpboeaaf/inject.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.
invalid/:1 

       Failed to load resource: net::ERR_FAILED
favicon.svg:1 

       Failed to load resource: the server responded with a status of 404 (Not Found)

I donot see any error like this, can you please with latest repo.