Tengo un proyecto sveltekit que es bastante básico en su función.
Funciona "bien" cuando se procesa en el backend, pero tan pronto como cambia al lado del cliente, falla. Y si desactivo ssr, me quedo atascado con una página en blanco y errores en el registro de la consola.
Este es el error que me sale:
proxy.js:15 [HMR][Svelte] Unrecoverable error in <Root>: next update will trigger a full reload root.svelte:46 Uncaught (in promise) Error: options.hydrate only works if the component was compiled with the `hydratable: true` option at Object.claim [as l] (root.svelte:46:13) at init (index.mjs:1812:40) at new Root (root.svelte:16:25) at createProxiedComponent (svelte-hooks.js:245:9) at new ProxyComponent (proxy.js:239:20) at new Proxy<Root> (proxy.js:339:11) at Renderer._init (start.js:664:15) at Renderer.update (start.js:615:9) at async Router._navigate (start.js:267:3)y no tengo idea de lo que hice mal o incluso dónde comenzar a buscar, ya que nunca antes había visto este tipo de error.
Además, no estoy usando ninguna biblioteca de componentes en mi proyecto, pero tengo algunos componentes en la carpeta src/lib/ que se crea y vincula con sveltekit
¡Descubrí qué causó el problema!
El error solo ocurre si el proyecto sveltekit es parte de un espacio de trabajo npm.
Entonces, en cierto sentido, es bastante simple de arreglar simplemente eliminándolo y administrándolo por separado.