Warning when running with Angular + Vite

[elongberg]

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 #109 (comment) 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.

[felixgeissler]

@sean-perkins I can confirm that this warning still persists with @ionic/pwa-elements 3.3.0

[oliynykroman]

I can confirm this warning still persists with @ionic/pwa-elements 3.3.0, Angular 19

[marcoagsa]

I have the same issue!