Full hot reload after 2min breaks UI style

[peterpeterparker]

Hi 👋

I've got a weird issue in the app I am developing which so far I was unable to reproduce with a sample repo (😢). After 1-2min the dev server seems to trigger a full hot reload of my code which has for end effect to break the design of my app because the global style and mixins are not reevaluated.

I'm not sure why the full reload happen, why the css is broken etc. I tried to remove code, I went weeks back in time in my Git history, still the same issue.

I start the server, open the app in the browser, wait 1-2 min, full hot reload, style broken.

I'm using the static adapter with all pages prerendered. Anyone got an idea or clue?

Help appreciated.

[peterpeterparker]

Alright solved it or at least find a workaround. The issue seems to have been linked to the fact that my Mac triggers incorrect refresh through fsEvents. Even tough there are no changes on the local file system, it requests full reload after 1-2 min. Disabling fsEvents in the vite.config.ts prevents this to happen and per extension, avoid the problem.

server: {
  watch: {
    useFsEvents: false
  },
}

Why sass is not intepreted on full reload is to me unclear but, at least there is no more issue and hmr still works.