Next.js: "Cannot find module or type declarations for side-effect import of './globals.css'" ts(2882)

Question

I just created a Next.js project using npx create-next-app.

Today, I opened my Next.js projects in VS Code and all of the .css imports suddenly start showing this error:

Cannot find module or type declarations for side-effect import of './globals.css' ts(2882)

This happens even on newly created Next.js projects.

I did not update any code or dependencies manually before this issue started. I also tried downgrading TypeScript, but the error persists.

Why is this error suddenly happening, and how can I fix it?

More debugging details are needed, such as how you installed the project and how you added TailwindCSS. What is "reopening"? — rozsazoltan
– rozsazoltan, Commented Sep 26 at 11:37
This error means TypeScript can't find type declarations for your CSS import. By default, TypeScript doesn't know how to handle non-code files like CSS. Solution: Add a CSS module declaration so TypeScript understands CSS imports. Create a file named globals.d.ts (or css.d.ts) in your src or project root: Add: declare module '*.css'; Explanation: This tells TypeScript that any import ending in .css is a valid module. It won't check the contents, but it will stop the error. — Montaser Ismail
– Montaser Ismail, Commented Sep 27 at 11:56
@MontaserIsmail yeah I know that fix the problem. The thing here is that, we did not need to do that, like 1 or 2 weeks ago. So why do we need to add a *.d.ts now? What changed and we do not know? — Diego Saravia
– Diego Saravia, Commented Sep 27 at 18:17
Your VS-Code probably switch the Typescript version for a different version of your current workspace. Click in any ts file -> look at the bottom of the vs-code -> click in Typescript -> then select the same version that is in your package.json. @Magikk @user:20143463 — Fábio BC Souza
– Fábio BC Souza, Commented Sep 28 at 10:18
Open any .tsx file. Press Ctrl + Shift + p and type: TypeScript: Select TypeScript version After that, select workspace version. It will search your node_modules for your lib and select it. The error will disappear. — Guilherme
– Guilherme, Commented Sep 29 at 23:47

2 revs, 2 users 80% · Accepted Answer · 2025-11-03 14:33:20Z

25

Open any .tsx file. Press Ctrl + Shift + p and type: TypeScript: Select TypeScript version After that, select workspace version. It will search your node_modules for your lib and select it. The error will disappear.

- Guilherme on Sep 29 at 23:47

edited Nov 3 at 14:33

community wiki

2 revs, 2 users 80%
Dharman

Sign up to request clarification or add additional context in comments.

Comments

Elijah Agbedam · Accepted Answer · 2025-11-04 08:42:35Z

2

Create a css.d.ts or global.d.ts and add this as it's content.

This tells typescript that any import ending with .css is a valid module.

declare module "*.css"

answered Nov 4 at 8:42

Elijah Agbedam

73 bronze badges

Collectives™ on Stack Overflow

Next.js: "Cannot find module or type declarations for side-effect import of './globals.css'" ts(2882)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related