Warning when running with Angular + Vite
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 55/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Activo
- Stack tecnológico
- angular, typescript, vite
- Área
- build-system, frontend
Línea de trabajo
Comienza con la configuración de Angular en main.ts usando defineCustomElements y reproduce la advertencia con ng serve en un proyecto nuevo de Angular 17. Compara la solución alternativa de configuración de Vite del issue 109 con el comportamiento del paquete pwa-elements; se considera terminado cuando el paquete funciona sin conexión sin producir la advertencia de importación dinámica.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Running a fresh Angular 17 project, which uses Vite, and latest Capacitor.
Added pwa-elements as described in the Capacitor docs https://capacitorjs.com/docs/web/pwa-elements#angular:
main.ts:
import { defineCustomElements } from '@ionic/pwa-elements/loader';
defineCustomElements(window);
Running the code (ng serve) results in this warning: "The above dynamic import cannot be analyzed by Vite".
Notably, everything does still seem to function, but the warning is a nuisance.
Hard to say if the issue is more with the stencil version that builds pwa-elements or what.
Workarounds
Changing the vite config as described here https://github.com/ionic-team/pwa-elements/issues/109#issuecomment-1405061645 might potentially work, except Angular doesn't currently support configuring vite (https://angular.io/guide/esbuild#:~:text=currently%20cannot%20be%20directly%20configured).
Instead including pwa-elements via a cdn script tag in index.html does remove the warning, but doesn't work for offline scenarios.
- Lenguaje dominante
- TypeScript
- Estrellas
- 172
- Forks
- 50
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de ionic-team/pwa-elements
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
ionic-team/pwa-elements#135 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
ionic-team/pwa-elements#133 ·
-
Unable to use in esm package. Module not found: Can't resolve '@ionic/pwa-elements/loader/index.js'Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 38/100
ionic-team/pwa-elements#128 · 10 reacciones ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 48/100
ionic-team/pwa-elements#113 · 3 comentarios ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 38/100
ionic-team/pwa-elements#111 · 1 comentario · 2 reacciones ·
Todos los issues de ionic-team/pwa-elements
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
diegosouzapw/OmniRoute#14869 ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 94/100
Los mantenedores suelen responder en 1 día
-
status: waiting triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
freeCodeCamp/freeCodeCamp#70412 ·
Los mantenedores suelen responder en 1 día
-
Mend: dependency security vulnerability untriaged
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
opensearch-project/OpenSearch-Dashboards#12816 ·
Los mantenedores suelen responder en 1 día