Comments (12)
We have to solve this tailwind issue either way. So I think this is worth the effort?
I just checked by removing tailwind. No the issue is not tailwind.
It must be the inject.js problem that is causing it because it can't load properly.
from vite-vue3-chrome-extension-v3.
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)
from vite-vue3-chrome-extension-v3.
Oh sorry. Yeah. The inject.js can be ignored. It must be some other issue for me.
from vite-vue3-chrome-extension-v3.
Investigate why vue-devtools
breaks webpage styles. maybe related to: #51?
from vite-vue3-chrome-extension-v3.
It would be nice if we could just exclude instead of using a prefix.
from vite-vue3-chrome-extension-v3.
We have to solve this tailwind issue either way. So I think this is worth the effort?
from vite-vue3-chrome-extension-v3.
We have to solve this tailwind issue either way. So I think this is worth the effort?
Yeah. I think it's worth the effort. Maybe try prefix first just to see if it's the root cause and then use exclude if it works.
But if you open the devtools page you can see an error with inject.js. I think that may be the cause of issue.
from vite-vue3-chrome-extension-v3.
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.
from vite-vue3-chrome-extension-v3.
I think this can be fixed by adding this script to web accessible content list in manifest file.
Let try!
from vite-vue3-chrome-extension-v3.
update: dev tools seem to load fine when opened in new tab, but does not work when opened in extension pages.
from vite-vue3-chrome-extension-v3.
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.
from vite-vue3-chrome-extension-v3.
Doesn't work. Same error. I'm using latest version of Chrome.
I don't get that error in edge but it's still stuck on waiting for connection
from vite-vue3-chrome-extension-v3.
Related Issues (20)
- How do I quickly apply changes from this repository to my plugin? HOT 1
- When my plugin opens a local html page, it can't find the js file in the same directory as the page? HOT 7
- [Feature] Add offscreen document sample
- [Feature] Support live reload for Install & Update pages
- Scripts should use `module` type
- [TODO] migrate to unplugin-vue-router
- [Feature] Add tailwind prettier plugin class support
- [Feature] Add oxc plugin for vscode
- Add Prefix To Isolate Source Website And Our Plugin HOT 7
- Switch to chrome-types
- Global error handling to avoid extension context issues HOT 1
- Source files (.ts) in dist folder HOT 7
- TODO Update to Vite 5 HOT 2
- Fix for the src problem HOT 6
- Migrate to Nuxt
- it seems like extendRoutes has been removed in Vue Router 4.x. HOT 2
- error when starting the project: __DISPLAY_NAME__ is not defined HOT 2
- [Enahncement] Extend firefox config from Chrome HOT 1
- pnpm dev:chrome error HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vite-vue3-chrome-extension-v3.