Livewire 3 - Laravel 11 - Tailwind CSS double refresh issue with HMR

FHoulbreque commented 4 days ago

Describe the bug

While progressing through development of my code (here it's coming from a course on Laracast) I encountered a strange behaviour with HMR:

When saving any change in the blade file, the page reload as intended
When changing PHP on the server side, it doesn't reload, which is I think normal as well.
But when interacting with input with wire:model or not on it, the page reload and reset the state. It doesn't occur every time, it generally occurs when there has been a change either on the blade or the PHP part of a liverwire component.

Reproduction

https://github.com/FHoulbreque/vite-livewire-hmr-bug

Steps to reproduce

Change a file in a Livewire component
Observe an unwanted reload of the page while typing in an input field

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (24) x64 AMD Ryzen 9 7900X 12-Core Processor            
    Memory: 48.09 GB / 63.64 GB
  Binaries:
    Node: 18.20.4 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.105)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    vite: ^5.0 => 5.4.11

Used Package Manager

npm

Logs

No response

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.

sapphi-red commented 3 days ago

Your reprodution is 404.

github-actions[bot] commented 3 days ago

Hello @FHoulbreque. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs reproduction will be closed if they have no activity within 3 days.

FHoulbreque commented 3 days ago

Your reprodution is 404.

My bad, forgot to set the repository to public. Solved.

sapphi-red commented 3 days ago

It seems you are using laravel-vite-plugin. It might be caused by the plugin. Please report it there, thanks. If you can trim the reproduction down removing the plugin or if you find out that this is caused by Vite itself, feel free to reopen it.

vitejs / vite