Esbuild in JS : Uncaught Error: Module not found in bundle: ./assets/app_lens

[bisanedev]

maybe there are tips and tricks for using esbuild js, to display icons ??
Key information

• EUI version: 88.5.4
• React version: 18.2.0
• Build tool: (esbuild)

Minimum reproducible sandbox

esbuid config

import esbuild from "esbuild";
import {sassPlugin} from "esbuild-sass-plugin";

esbuild.build({
  logLevel: "info",
  entryPoints: ["./resources/javascript/main.js"],
  outfile: "./public/assets/bundle.js",
  bundle: true,
  loader: {
    ".js": "jsx",    
    ".png": "dataurl",
    ".webp": "dataurl",
    ".woff": "dataurl",
    ".woff2": "dataurl",
    ".eot": "dataurl",
    ".ttf": "dataurl",
    ".svg": "dataurl",
  },
  plugins: [sassPlugin()]
}).catch((error) => {
  console.error(error);
  process.exit(1);
});

[cee-chen]

This is likely the same underlying issue as vite/rollup: #5463

I'll go ahead and modify the linked issue title to reflect the additional build tool, and close this one in as a duplicate.

In the interim, we recommend using the appendIconComponentCache API to cache icons that you use ahead of time: https://github.com/elastic/eui/tree/main/wiki/consuming-eui#failing-icon-imports