'htmx.d.ts' is not a module

[Alexerson]

With htmx 2.0.1, I get the following error when trying to import htmx from "htmx.org";:

File './node_modules/htmx.org/dist/htmx.d.ts' is not a module.ts(2306)

I believe this is happening because the htmx.d.ts file should include export default htmx;.
Adding this line manually in the file fixes the issue.

I will create a PR for this.

[renannprado]

This is my complete tsconfig.json that worked for me. I'm using HTMX 2.0.1.

{
    "compilerOptions": {
        "noImplicitAny": false,
        "removeComments": true,
        "module": "NodeNext",
        "moduleResolution": "NodeNext",
        "noImplicitThis": true,
        "allowJs": true,
        "types": [
            "htmx.org/dist/htmx"
        ]
    },
    "include": ["src/**/*"]
}

And that's how I imported HTMX to avoid conflict with the .d.ts file.

import htmxLib from "htmx.org/dist/htmx.esm.js";

declare global {
    interface Window {
        htmx: typeof htmx
    }
}

// this needs to come first just in case there's a dependency
// with other components
window.htmx = htmxLib;

[renannprado]

I looked into this, and I’m not sure it’s fixing the issue though… Do you mind showing how you import the lib in your ts file? Also, are you on 2.0.0 or 2.0.1?

@Alexerson I edited my comment. It was actually not correct as the typeAcquisition property didn't fix it in the end (it was a lot of trial an error and I was mislead to believe that config fixed it).

I also added the relevant typescript snippet. I hope it helps.

[Alexerson]

Ah, thanks. But in that case, isn’t htmxLib just typed as any in your code?
My temporary solution is to manually copy the version of the .d.ts file I generate from the .esm file and manually add it in my project. I strongly believe that my PR is the proper fix though.

[renannprado]

Ah, thanks. But in that case, isn’t htmxLib just typed as any in your code?

No it's not, because of the window declaration.

Whether your fix is a better approach I can't judge tbh.