Open cub opened 2 years ago
I was not able to reproduce with your repro. https://stackblitz.com/github/cub/test-hmr?file=src%2Fcomponents%2Ftest-hmr%2Ftest-hmr.vue,src%2Fcomponents%2Ftest-hmr%2Ftest-hmr.ts
Does it only happen in a specific environment? And does it still happen with Vite 3?
Hello @cub. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction
will be closed if they have no activity within 3 days.
Uncomment the qqq
, the 'weeeeeeee' appear ✅
Change the variable in .vue to qqqq
, the 'weeeeeeee' disappear ✅
Change the variable in .ts to qqqq
, the 'weeeeeeee' do not appear ❌
And yes @sapphi-red , it still happen with Vite 3
Still happen with vite 4.0.1
and @vitejs/plugin-vue 4.0.0
(latest version at this time).
This issue is still happening. When you first start vite, you'll be able to change content in ts file and it will update, but after making a change to anything within the vue template if you change anything within the ts file that the template references vite says it updated but no updates are actually made to the page.
The issue seems to stem from the following line in main.ts:
// check if the template is the only thing that changed
if (prevDescriptor && isOnlyTemplateChanged(prevDescriptor, descriptor)) {
output.push(`export const _rerender_only = true`)
}
A temporary workaround is to change export const _rerender_only = true
to export const _rerender_only = false
in order to force the rerender in all cases, when separate script/template files are involved.
Maybe add a setting to vite to allow cache disabling?
Describe the bug
I have a problem with HMR with Vue. When I modify my external script, HMR reload the .vue but stay in an old state.
I see in the console the warning
[Vue warn]: Property "qqq" was accessed during render but is not defined on instance.
, it's normal. Then I uncommentqqq:'weeeeeeee'
and save the .ts. I see in the console[vite] hot updated: /src/components/test-hmr/test-hmr.vue
. But the render is not showing theweeeeeeee
, it's stuck with the not defined previous state.On the very first load, it reload/refresh nicely. If you rename the
qqq
to something else in the .vue, save, then edit accordingly the .ts, it will stuck in previous state.Note, if I insert the content of my .ts inside the
<script>
, the HMR works well. The problem only occurs with external script file.Reproduction
https://github.com/cub/test-hmr
System Info
Used Package Manager
npm
Logs
No response
Validations