Timeouts for async components are not cleared, blocking node on ssr

[ahus1]

Version

2.6.9

Reproduction link

Vue:

• Demo: https://ahus1.github.io/vue-async-timeout/
• Source https://github.com/ahus1/vue-async-timeout

Nuxt:

• Source: https://github.com/ahus1/nuxt-async-timeout

Steps to reproduce

Vue:

• Add an async component with a delay/timeout
• When the real component is rendered and the loading and error components never showed, the timeouts are not cleared, but will be triggered.

Nuxt:

• Add an async component with a long timeout (10 Seconds) - https://github.com/ahus1/nuxt-async-timeout/commit/ebabb1f2b877db3ccb8dfc9af57b06ad2e435dd1
• run "npm run generate"

What is expected?

Vue:

• When component is rendered, the timeout and delay timeouts should be cleared if the haven't fired yet.

Nuxt:

• generation should complete without an error

What is actually happening?

Vue:

• Timeouts for delay and timeout fire after the component has been rendered.

Nuxt:

• node blocks after rendering. Nuxt presents and error message:

The command 'nuxt generate' finished but did not exit after 5s
This is most likely not caused by a bug in Nuxt.js
Make sure to cleanup all timers and listeners you or your plugins/modules start.
Nuxt.js will now force exit 

DeprecationWarning: Starting with Nuxt version 3 this will be a fatal error

---

This happens both for timeout and loading elements. I'm about to submit a PR submitted as #9649.

[posva]

Please provide a boiled down repro when reporting a bug (no nuxt) thanks!

[ahus1]

@posva - can you please help me and point me to a minimal SSR example that writes generated files to disk? With a standard SSR example from https://ssr.vuejs.org/ with a permanently running node instance I think I can't show the dangling timeouts. Thanks!

[tpiros]

I have run into the same issue @ahus1 - have you heard back from anyone regarding this?

[ahus1]

@posva - I've updated the ticket to show the late-triggering timeouts with a pure-Vue example. Is that sufficient?

Vue:

• Demo: https://ahus1.github.io/vue-async-timeout/
• Source https://github.com/ahus1/vue-async-timeout