devtools-overlay.css does not work unless explicitly loaded with Accept=text/css
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.9k
- Forks
- 279
- PR merge metrics
- No merged PRs in 30d
Description
Description
When running an instance of the vue devtools with any form of proxy that modifies or omits the "Accept" header, the vue devtools will not work.
Expected behavior
Since vite transforms css files to javascript modules when requested without the text/css header, the css should be imported as module instead of being added to the dom on the fly.
This would prevent issues with proxies
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate devtools-overlay.css and inspect how it is currently added to the DOM. Check the Vite handling described in the issue, then verify the overlay still loads when a proxy modifies or omits the Accept header. Done means the Vue devtools overlay works without requiring Accept=text/css.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript, vite
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100