Theo's Typesafe Cult•15mo ago

Typescript error when using tailwind Container queries plugin

Hello, I Just want to try the container queries, but I've got this error (see picture). Do you know what we are supposed to do here? I don't find any @types package available.

5 Replies

Tom•15mo ago

looks like the plugin isnt installed (also i dont think this counts as typescript) cause its in a js file 😛

Ekaradon•15mo ago

It's installed, I even have the source code accessible:

Ekaradon•15mo ago

But it's JS Typing check is still done here because it's a cjs file, see tsconfig:

  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.cjs", "**/*.mjs"],

  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.cjs", "**/*.mjs"],

I suppose that I should just declare the types of this module. Just find it strange that no one raised the issue. I'm thinking I'm missing something here

praskoo•15mo ago

I did

    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    require("@tailwindcss/container-queries"),

    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    require("@tailwindcss/container-queries"),

Idk if im missing something, but why is it asking for a declaration file in .cjs 🤔

Ekaradon•15mo ago

Typing has been enforced all the way because this is the philosophy of t3-app: typesafety. And as you can see in the tsconfig file, you can expand the type check on files other than just ts/tsx. Thanks for the anwser nonetheless praskOo, I believe that it means it's yet too early to get a type definition here. Disabling warnings may probably be the best course of action here indeed.

Gaming

Programming

Typescript error when using tailwind Container queries plugin