[Bug]: Slow hot reload #197

Activity

1. Saquib764

   added

   bugSomething isn't workingSomething isn't working

   on Oct 1, 2024
2. linear commented on Oct 1, 2024

   

   linearBot

   on Oct 1, 2024 – with Linear

   More actions

   CSS-31 [Bug]: Slow hot reload

   Demo URL

   No response

   What happened?

   Hi, I integrated the Tairo in an existing Nuxt project. It is working fine, however, hot-reload is painfully slow. Any minor change takes > 1 minutes to show up, and page usually reloads. I am not sure what is the issue. I am using yarn.

   Node version - 18.18

   Thanks,
   Saquib

   Reproduction steps

   1.Integrate tairo into an existing nuxt project.
   2. Run the project

   Relevant log output

   No response

   What browsers are you seeing the problem on?

   Chrome

   What is your operating system?

   MacOS
3. gertjanjansen commented on Oct 1, 2024

   

   gertjanjansen

   on Oct 1, 2024

   Last edited by gertjanjansen

   Collaborator

   More actions

   Same here. Development using Tairo has always been slow for me. (using pnpm)
4. Saquib764 commented on Oct 1, 2024

   

   Saquib764

   on Oct 1, 2024 via email

   CollaboratorAuthor

   More actions

   It’s so sad, makes the Dev process so frustrating. Has anyone been able to solve this?

   …

   --------------------------------------------------------------------------------------- Md Saquib Alam B. Tech, IIT Bombay 9892776105

   On Tue, 1 Oct 2024 at 13:05, Gertjan Jansen ***@***.***> wrote: Same here. Development using Tairo has always been slow for me. — Reply to this email directly, view it on GitHub <#197 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAL6ZTMR7YEURIZ4JN7NIGTZZJGFPAVCNFSM6AAAAABPENW5AGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGOBVGAYTGOBYGM> . You are receiving this because you authored the thread.Message ID: ***@***.***>
5. Saquib764 commented on Oct 4, 2024

   

   Saquib764

   on Oct 4, 2024

   CollaboratorAuthor

   More actions

   Any updates here?
6. dipbhi commented on Oct 16, 2024

   

   dipbhi

   on Oct 16, 2024

   Collaborator

   More actions

   I am seeing the same thing. Hot reload takes forever with Tairo. May be it has something to do with Nuxt layers, but not sure. In other projects with just CSS (no Tairo or other layers), hot reload is almost instantaneous.
7. gertjanjansen commented on Oct 16, 2024

   

   gertjanjansen

   on Oct 16, 2024 via email

   Last edited by gertjanjansen

   Collaborator

   More actions

   I was also thinking that Nuxt layers could be the suspect. Shouldn't be that hard to figure out. I'll try and see if I can figure it out when I have some time.

   👍React with 👍1Reacted by Dipen Bhikadya
8. gertjanjansen commented on Oct 17, 2024

   

   gertjanjansen

   on Oct 17, 2024 via email

   Last edited by gertjanjansen

   Collaborator

   More actions

   Might be related: nuxt/nuxt#26211
9. Saquib764 commented on Nov 6, 2024

   

   Saquib764

   on Nov 6, 2024

   Last edited by Saquib764

   CollaboratorAuthor

   More actions

   @gertjanjansen I tried it. (updated nuxt, vite and excluded node_modules) but it didn't solve the issue.

   Is anyone managed to solve this issue?
10. gertjanjansen commented on Nov 6, 2024

    

    gertjanjansen

    on Nov 6, 2024

    Collaborator

    More actions

    @Saquib764 I've upgraded nuxt as well and removed the .demo layer. I believe it's a little bit faster now, but still too slow. I haven't tried removing all layers yet (meaning: merging everything into one layer).
11. Saquib764 commented on Nov 7, 2024

    

    Saquib764

    on Nov 7, 2024

    CollaboratorAuthor

    More actions

    After upgrading, I am getting this error-

    FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
    

    I increased the memory to --max-old-space-size=12288 , still keep getting this error. Totally stuck now.

    Its sad, I like Tairo, but it made development too slow and frustrating
12. Saquib764 commented on Nov 8, 2024

    

    Saquib764

    on Nov 8, 2024

    CollaboratorAuthor

    More actions

    The above issue was not related to Tairo. It was related to Nuxt UI. I upgraded to @nuxthq/studio": "^2.1.1" and the issue was fixed.

    Withe latest version of Nuxt, hot reload is considerably faster - 4-7 seconds. I would like it be almost instantaneous, but this is much better than what we had before.

    Read the complete issue here-
    nuxt/nuxt#26798
13. gertjanjansen commented on Nov 20, 2024

    

    gertjanjansen

    on Nov 20, 2024

    Collaborator

    More actions

    4-7 seconds is still extremely slow, right? I never experienced this with any other React of Vue project. I'm almost at the point of paying someone to digg into this.
14. miztizm commented on Dec 16, 2024

    

    miztizm

    on Dec 16, 2024

    Last edited by miztizm

    Collaborator

    More actions

    The above issue was not related to Tairo. It was related to Nuxt UI. I upgraded to @nuxthq/studio": "^2.1.1" and the issue was fixed.

    Withe latest version of Nuxt, hot reload is considerably faster - 4-7 seconds. I would like it be almost instantaneous, but this is much better than what we had before.

    Read the complete issue here- nuxt/nuxt#26798

    It seems like "tairo" doesn't have a nuxthq/studio in the code. Did you add it yourself?
    I'm also experiencing a slow hot reload.