Warnings from vite

[EdwardMoyse]

Running Phoenix I see:

10:12:41 AM [vite] (client) warning: 
/Users/emoyse/LocalDocuments/phoenix/packages/phoenix-ng/.angular/cache/20.3.19/phoenix-app/vite/deps/chunk-WPC5F2TH.js
2504 |        return import(
2505 |          /* webpackIgnore: true */
2506 |          module
     |          ^^^^^^
2507 |        );
2508 |      });
The above dynamic import cannot be analyzed by Vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.

  Plugin: vite:import-analysis
  File: /Users/emoyse/LocalDocuments/phoenix/packages/phoenix-ng/.angular/cache/20.3.19/phoenix-app/vite/deps/chunk-WPC5F2TH.js?v=e20b3a1d

I've not looked into this at all yet, so maybe it's very trivial to fix (I'm not even honestly sure where Vite fits in!) but I wanted to open a ticket so we don't forget to fix this.

[prawnsgupta]

Hi @EdwardMoyse — I dug into this. The warning doesn't come from Phoenix's own code (the only dynamic import in the Phoenix packages is a statically-analyzable import('jszip')). It comes from the jsroot dependency: modules/core.mjs (injectCode, loadModules, loadScript) and modules/gui/HierarchyPainter.mjs use import(/* webpackIgnore: true */ url) with runtime-only URLs. Angular's dev server is Vite-based since v17 (that's where Vite fits in), and Vite can't statically analyze those imports, so it warns — pointing at the bundled chunk rather than the source, which is why the path looks cryptic.

The imports are intentionally dynamic, so the correct fix is the one the warning itself suggests: adding /* @vite-ignore */ next to the existing webpackIgnore comment. I've opened an upstream PR for that: root-project/jsroot#409. Once it's merged and released, bumping Phoenix's jsroot dependency should make the warning disappear with no changes needed in Phoenix itself.