Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Warning when running with Angular + Vite

Aperta
#129 5 commenti 17 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
55/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
angular, typescript, vite

Direzione di ricerca

Inizia dalla configurazione Angular in main.ts che usa defineCustomElements e riproduci l'avviso con ng serve in un progetto Angular 17 nuovo. Confronta la soluzione alternativa per la configurazione di Vite dell'issue 109 con il comportamento del pacchetto pwa-elements; il lavoro è completato quando il pacchetto funziona offline senza produrre l'avviso di importazione dinamica.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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".
image

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.

Lingua principale
TypeScript
Stelle
172
Fork
50
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ionic-team/pwa-elements

Tutte le issue di ionic-team/pwa-elements

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.