HMR broken when use script lang="ts"

[robin-dongbin]

Related plugins

• [X] plugin-vue

• [ ] plugin-vue-jsx

Describe the bug

When you update the content of console.log, HMR is broken.

Reproduction

https://stackblitz.com/edit/vitejs-vite-q32exk?file=src%2Fcomponents%2FTest.vue&terminal=dev

Steps to reproduce

Try to update the content of console.log

System Info

System:
    OS: macOS 14.5
    CPU: (10) arm64 Apple M1 Max
    Memory: 1.88 GB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.4.0 - /opt/homebrew/bin/node
    Yarn: 1.22.22 - /opt/homebrew/bin/yarn
    npm: 10.8.1 - /opt/homebrew/bin/npm
    pnpm: 9.5.0 - /opt/homebrew/bin/pnpm
    bun: 1.1.18 - /opt/homebrew/bin/bun
  Browsers:
    Brave Browser: 126.1.67.123
    Chrome: 126.0.6478.128
    Edge: 126.0.2592.102
    Safari: 17.5
  npmPackages:
    vite: ^5.3.3 => 5.3.3

Used Package Manager

pnpm

Logs

There has no logs when it's broken, it just stuck

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• [X] The provided reproduction is a minimal reproducible example of the bug.