Typescript - Cannot find module ... or its corresponding type declarations

Maybe just restarting the TS server can work.

Using VsCode:

Windows:

type: ctrl + Shift + P or ctrl + Shift + F5

choose: > TypeScript: Restart TS server

Macbook:

type: ⇧ + ⌘ + P or F1

choose: > TypeScript: Restart TS server

Maybe it's just a file error, check if you accidentally changed a file from .ts to .tsx or .tsx to .ts

You need to install types for libraries you install. generally you should do:

npm install @types/libName // e.g. npm install @types/react-leaflet

Some times there's no types available in DefinitelyTyped repo and you encounter npm ERR! 404 Not Found: @types/my-untyped-module@latest. You can do several things in this occasion:

1- Create a decs.d.ts file in root of your project and write in it:

    declare module "libName" // e.g declare module 'react-leaflet'

2- Or simply suppress the error using @ts-ignore:

// @ts-ignore  
import Map from 'react-leaflet'

3- Or you can do yourself and others a favor and add the library types in DefinitelyTyped repo.

If it still doesn't work, I firstly recommend that you use a recent version of Typescript. if you do, then close your editor, delete node_modules folder and install the dependencies again (npm install or yarn install) and check it again.

I had the same error message, also related to the imports.

In my case, the problem was caused by importing a png file in order to use it in an SVG:

import logo from 'url:../../public/img/logo.png';

The message I received was:

Cannot find module 'url:../..public/img/logo.png' or its corresponding type declarations.

Solution:

In project root is a file css.d.ts. One must declare a module for the various graphics extensions (types) that are imported. (Note: Not for graphics types that are used or referenced in the project, but for those that are imported )

Here is the complete css.d.ts file for this project:

declare module '*.scss' {
  const css: { [key: string]: string };
  export default css;
}
declare module '*.sass' {
  const css: { [key: string]: string };
  export default css;
}
declare module 'react-markup';
declare module '*.webp';
declare module '*.png';
declare module '*.jpg';
declare module '*.jpeg';

my situation:

myFolder is under the src dir

I see the same error in this line:

import { GlobalStyle } from "myFolder";

other answers dont work.

I simply add baseUrl to tsconfig.json after compilerOptions:

{
  "compilerOptions": {
    "baseUrl": "src/",
//other config...
  },
  "include": [
    "src"
  ]
}

issue solved!

ref: https://www.typescriptlang.org/tsconfig#baseUrl

I have deleted one module and added back it to my source code. Although the same source code is there, due to caching I am getting this error.

Below Solution works for me:

Windows:

ctrl + Shift + F5

Macbook:

⇧ + ⌘ + P OR F1

I fixed my issue

1. create file /types/css.d.ts
2. open tsconfig.json

add this object:

"include": [
    "src",
    "types"
]

In VSCode, choose: > TypeScript: Reload Project

This work for me.

In my case I had my file named index.tsx whereas it should have been with capital I, so Index.tsx.

This can still happen with newest versions of yarn + PnP, due to a known bug. Source

1. Remove previous SDKs typescript folder, if present on .yarn/sdks/typescript
2. Install previous supported TS version: yarn add [email protected]
3. Add the new editor SDKs: yarn dlx @yarnpkg/sdks vscode. You can append vim o whichever supported SDKs.
4. Restart your IDE

Check the dependencies object in package.json file. If the install package is in the format "@somepackage/packagename":version; then at the time of import you must use import abc from "@somepackage/packagename"

If "@somepackage/" is not there then don't use it at the time of import. Just simply use import abc from "packagename";

In my case it was just an autocomplete import (like "@reduxjs/toolkit/src/query/tests/mocks/server") done by the VS Code that I didn't notice while commiting

I solved this problem for myself using the following import ..."/index.cjs": import { MRT_Localization_RU } from "mantine-react-table/locales/en/index.cjs";

In my case I solved it with restarted Typscript compiler:

npm install ts-node --save-dev
npm install typescript -g
npm install typescript --save-dev

Open tsconfig.json file and uncomment the below 2 lines:

"module": "nodenext" /* Specify what module code is generated. */,

"moduleResolution": "nodenext" /* Specify how TypeScript looks up a file from a given module specifier. */,

Here I have added my node Version. Then restart the Editor to reflect the changes. It works fine for me.

Using .js extension at the end worked for me even though it is database.types.ts file

import { Database } from "./database.types.js";

In my case removing the package-lock.json and installing packages with npm i fixed it.

I had this problem when I had the expected type in a file named alma.d.ts in a folder that also contained a regular alma.ts file. When I renamed the alma.ts file the error went away.