Circular imports bring a poor experience to users

[newives]

Describe the bug

For example, if you introduce a tool function into the .vue file in some places, the modified page will be refreshed immediately after the call. The experience is too bad, and there is no problem with this usage.

This may be a blow to many projects 😭

Reproduction

none

Steps to reproduce

No response

System Info

vite5.0.0-beta.18

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• 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.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[newives]

Modifying any content in the template or script tag in the .vue file will trigger reloading, but modifying the style will not trigger it.

[bluwy]

Duplicate of #10208. In Vite 5, Vite will try its best to avoid circular imports when possible. There are cases where we can't apply HMR without the risk of breaking your app due to circular execution order, it's documented at https://main.vitejs.dev/guide/troubleshooting.html#a-full-reload-happens-instead-of-hmr. Ideally you should avoid it if possible.