Debe instalar tipos para las bibliotecas que instale. generalmente deberías hacer:

 npm install @types/libName // eg npm install @types/react-leaflet

Algunas veces no hay tipos disponibles en el repositorio DefinitelyTyped y te encuentras con npm ERR! 404 Not Found: @types/my-untyped-module@latest . Puedes hacer varias cosas en esta ocasión:

1- Cree un archivo decs.d.ts en la raíz de su proyecto y escriba en él:

 declare module "libName" // eg declare module 'react-leaflet'

2- O simplemente suprima el error usando @ts-ignore :

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

3- O puede hacerse un favor a usted mismo y a los demás y agregar los tipos de biblioteca en el repositorio DefinitelyTyped .

Si aún no funciona, primero le recomiendo que use una versión reciente de Typescript. si lo hace, cierre su editor, elimine la carpeta node_modules e instale las dependencias nuevamente ( npm install o yarn install ) y verifíquelo nuevamente.

Recibí el mismo mensaje de error, también relacionado con las importaciones.

En mi caso, el problema fue por importar un archivo png para usarlo en un SVG:

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

El mensaje que recibí fue:

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

Solución:

En la raíz del proyecto hay un archivo css.d.ts Se debe declarar un módulo para las diversas extensiones gráficas (tipos) que se importan. (Nota: no para los tipos de gráficos que se usan o se hace referencia en el proyecto, sino para los que se importan )

Aquí está el archivo css.d.ts completo para este proyecto:

 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';

arreglé mi problema

1. crear archivo /types/css.d.ts
2. abrir tsconfig.json

agrega este objeto:

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

Compruebe el objeto de dependencias en el archivo package.json. Si el paquete de instalación tiene el formato "@somepackage/packagename":version; luego, en el momento de la importación, debe usar import abc from "@somepackage/packagename"

Si "@somepackage/" no está allí, no lo use en el momento de la importación. Simplemente use import abc from "packagename";

yarn2,3 tiene un error.

necesitas usar la versión yarn 1.22.1 para ello.

 1. uninstall yarn 2. install yarn. 3. yarn set version 1.22.1 4. yarn policies set-version 1.22.1

En mi caso, tenía mi archivo llamado index.tsx cuando debería haber sido con I mayúscula, entonces Index.tsx .

mi situación:

myFolder está bajo el directorio src

Veo el mismo error en esta línea:

 import { GlobalStyle } from "myFolder";

otras respuestas no funcionan.

Simplemente agrego baseUrl a tsconfig.json dentro de compilerOptions :

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

¡asunto resuelto!

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