wxt-dev / wxt-dev/wxt

[@vitejs/plugin-vue] When using the same Vue component in "popup" and "content UI", modifying the Vue component content will crash the popup after hot update.

Open
#270 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

vite plugin
Dominant language
TypeScript
Stars
10.5k
Forks
564
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

When using the same Vue component in "popup" and "content UI", modifying the Vue component content will crash the popup after hot update.

To Reproduce

wxt-demo.zip

  1. Install package pnpm install
  2. Run wxt pnpm run dev
  3. Modify component content HelloWorld.vue
  4. Inspect popups for error messages
Screenshots
Snipaste_2023-12-11_17-38-46 Snipaste_2023-12-11_17-07-59
Environment
  System:
    OS: Windows 11 10.0.23601
    CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
    Memory: 17.65 GB / 31.93 GB
  Binaries:
    Node: 20.6.1 - C:\soft\nodejs\node.EXE
    npm: 9.8.1 - C:\soft\nodejs\npm.CMD
    pnpm: 8.12.0 - ~\AppData\Local\pnpm\pnpm.EXE
  Browsers:
    Edge: Chromium (120.0.2210.61)
    Internet Explorer: 11.0.23601.1000

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the attached wxt-demo.zip: install dependencies with pnpm install and run pnpm run dev. Modify HelloWorld.vue while the same component is used in the popup and content UI, then inspect the popup for errors after the hot update. Done means the popup no longer crashes in this reproduction.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vite
Domain
build-system, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.