[hydrateClient] import error happen time to time (clientComponents is empty)

So I have several hydrateClient components in my project. Time to time (seems random for now), the component didn’t load and I get this error in my console.

Uncaught (in promise) TypeError: Error resolving module specifier “undefined”. Relative module specifiers must start with “./”, “../” or “/”.

my page:

<script>
  import Homecarousel from '../../components/Homecarousel.svelte';
</script>

<Homecarousel hydrate-client={{{ slides: data.slides  }}>

And my component:

<script>
  export let slides;
  import Carousel from '@beyonk/svelte-carousel';
</script>
...

I need to save one of my client side component, even without change, in order to fix this.

Probably linked to: https://github.com/Elderjs/elderjs/issues/57

[nickreese]

The core of this issue comes down to the rollup plugin wiping out the folder that the glob is reading. We have a race condition.

Possibly we want to recursively try and get the list of files 5 times on a delay by extracting out the glob call into a function?

This seems more robust because the large a project gets the more this race condition becomes a problem.

Ideally esbuild would hit 1.0 already and we could use that in dev.

[kiuKisas]

I actually need to save several times the same files to make it work. I’ll see if this PR: https://github.com/Elderjs/elderjs/pull/130 solves the problem as it seems to be played out at this level, if not we should deal with it as soon as possible.