Estoy tratando de construir mi proyecto con SSR y encontré un error con jQuery que se usa en varios de mis componentes. SSR no funciona bien con jQuery, por lo que quería implementarlo dinámicamente para el cliente. Tengo el jQuery principal en index.html script src.

Dentro de mis componentes, por ejemplo, tengo import('jquery-flexdatalist/jquery.flexdatalist');

Esta importación rompe SSR. He tratado de escribirlo como

 let jQuery if (!import.meta.env.SSR) { jQuery = await import('jquery-flexdatalist/jquery.flexdatalist'); }

Esto funciona en modo de desarrollo, pero cuando construyo el proyecto aparece el error "La espera de nivel superior no está disponible en el entorno de destino configurado ("es2019")". Estoy usando vite y he intentado cambiar entre es2015-es2019, build: { target: "es2017", } sin resultados. Estoy buscando cómo resolver esta importación o cómo implementar correctamente jQuery para el lado del cliente.