[ need Help] Use vite @rollup/plugin-inject with htmx-ext-sse

[zw963]

I tried a lot solution, and asked GPT4o a lot, but none of them work.

because htmx-ext-sse is a side-effect module, there is no way to inject this.

I used it like this:

   plugins: [
            inject({
                exclude: ["src/**/*.scss", "src/**/*.css"],
                htmx: "htmx.org",
                htmx_sse: "htmx-ext-sse",
                _hyperscript: "hyperscript.org",
                copyCodeButton: "./copyCodeButton.js",
                stork: "./stork.js",
                mixManifest: "virtual:mix-manifest",
            }),
...
]

but, get error: "default" is not exported by "node_modules/htmx-ext-sse/dist/sse.esm.js".

I try inject like following code (please check screenshot), not work too.

Can any one help on how to use that? I am waiting use SSE feature for several days, because I use @rollup/plugin-inject to inject,
I can't add code into app.js directly like following

import `htmx.org`;
import `htmx-ext-sse`; 

because this will cause all inject package invalid.

Thanks

[zw963]

Hi, I switch to back to add import directly in my app.js instead.

It works, but only import use following order:

import "htmx-ext-sse";
import htmx from "htmx.org";

If change to following, it's not work!

import htmx from "htmx.org";
import "htmx-ext-sse";

So, should I add a new issue for this?