Cannot find module 'module.css' or its corresponding type declarations

Question

Don't know why typescript suddenly not recogize my code, it show

Cannot find module './hookStyle/useMemostyle.module.css' or its corresponding type declarations

It happen when i move style to another folder

Here is typescript config

{
  "compilerOptions": {
    "lib": [
      "ESNext",
      "dom"
    ],
    "outDir": "lib",
    "removeComments": true,
    "target": "ES6",
    "baseUrl": "src",
    "esModuleInterop": true,
    "moduleResolution": "node",
    "sourceMap": true,
    "sourceRoot": "/",
    "alwaysStrict": true,
    "allowUnreachableCode": false,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "noImplicitReturns": true,
    "noUncheckedIndexedAccess": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "allowJs": true,
    "skipLibCheck": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "./**/*.ts"
  ],
  "exclude": [
    "node_modules/**/*"
  ]
}

It not effect the code, it still working but why typescript show that error? How can i fix it?

sno2 · Accepted Answer · 2023-02-17 00:29:22Z

52

To import custom file types, you must use TypeScript's declare module syntax to let it know that it's ok to import. To do this, simply create a globals.d.ts (declaration file) wherever your other code's root directory is and then add in this code:

declare module '*.css';

You may also need to add the path to "globals.d.ts" into the "include" property in your tsconfig.json file if this still does not work (Thanks to @Ash Archin for this advice).

edited Feb 17, 2023 at 0:29

answered Sep 4, 2021 at 16:23

sno2

4,3832 gold badges21 silver badges42 bronze badges

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

6 Comments

Ash Archin Over a year ago

For me this file should also add as "globals.d.ts" in the include property in tsconfig.json

Abd Over a year ago

Put the 'globals.d.ts' into the src folder of your project.

Vitexikora Over a year ago

If it does not help, check if globals.d.ts is included in tsconfig.json & try removing imports in globals.d.ts. See also stackoverflow.com/questions/40382842/…

Gel Over a year ago

@AshArchin thats probably a very important piece of this pie. Can we add that on the answer solution statement above... ?

sno2 Over a year ago

I added Ash's advice to the answer.

|

Sayvai · Accepted Answer · 2023-11-14 11:57:16Z

15

An alternative solution that worked for me was to install an additional TypeScript types dependency; @types/css-modules, to automatically add type-safe import definitions for the following style modules:

*.css
*.scss
*.sass
*.less
*.styl

The list above may become out-of-date over time, and so you may view the latest supported type-safe style module imports.

That was all that was needed to resolve the TS lint error for being unable to find the CSS module, without needing to having to create any declaration file (e.g. *.d.ts).

Here is the command you may like to try and use to install the dependency locally to your project:

npm install --save-dev @types/css-modules

💡 If after checking over the latest up-to-date style modules that are currently supported by the dependency, and you feel it is legitimately missing a declaration for particular a style module, then feel free to contribute to and extend the @types/css-modules type dependency project, which is maintained within the open-source DefinitelyTyped GitHub repository.

edited Nov 14, 2023 at 11:57

answered Nov 13, 2023 at 22:30

Sayvai

8918 silver badges10 bronze badges

2 Comments

SeaWarrior404 Over a year ago

This should be the way to go since declaring module individually becomes unmaintainable over time.

kosude Over a year ago

This worked well for me in an esbuild project - .d.ts files seem to be a lot more annoying to use there, due to the lack of tsconfig.json file.

Collectives™ on Stack Overflow

Cannot find module 'module.css' or its corresponding type declarations

2 Answers 2

6 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related