Issue with Vite Example about jupyter-ui HOT 6 OPEN

Hi there,

I came across the same issue in my project. To resolve this, I adjusted the Vite configuration to treat .whl files as text. This can be achieved by adding the following configuration to your vite.config.ts file:

export default defineConfig({
  optimizeDeps: {
    esbuildOptions: {
      loader: {
        ".whl": "text",
      },
    },
  },
  // ... other configurations ...
});

This configuration instructs Vite's esbuild to handle .whl files as plain text, which effectively bypasses the issue. While this is more of a workaround than a permanent solution, it did the trick in my case. I hope this helps you out!

If you have any further insights or a more robust solution, I'd love to hear it.

from jupyter-ui.

@liuxukun2000 Thank you, I was able to run it in vite dev but build is not working. do you able to build the app using the workaround or its for just development?

from jupyter-ui.

The pyodide support has introduced requirements for webpack/vite configs. I have pushed the proposed workaround for dev mode in datalayer-examples/jupyter-react-vite-example@95fe1df

Maybe @fcollonval knows more on how to fix the wheel loading for vite.js?

from jupyter-ui.

Not sure is this link helps https://vitejs.dev/guide/assets

from jupyter-ui.

I also faced the same issue. The solution provided by @liuxukun2000 was helpful. 👍🏼

from jupyter-ui.