Typescript 모듈 'react'에 대한 선언 파일을 찾을 수 없습니다.

Typescript를 사용하면 오류를 쉽게 찾을 수 있지만 대부분의 경우 QuickFix가 작동하지 않습니다. '모듈 이름' 모듈에 대한 선언 파일을 찾을 수 없습니다. 오류는 typescript를 시작할 때 자주 발생합니다. typescript가 반응 관련 모듈에 대한 유형 감속을 찾지 못했기 때문입니다. 당황하지 마세요 쉽게 해결됩니다. 그것에 점프하자



이것은 터미널에서 오류 메시지가 보이는 것과 이를 해결하는 방법입니다.

모듈용 @type 패키지를 설치합니다.

// Installing the type module with npm
npm install @type/Module-Name

// Installing the type module for react-dom with npm
npm install @type/react-dom

// Installing the type module with npm

npm install @type/react-reveal

반면 npm이 설치하려는 모듈의 유형을 찾을 수 없는 경우 아래 오류가 표시될 수 있습니다.



이 오류에 빠지면 설치하려는 모듈이 입력을 제공하지 않는다는 것입니다. 이를 해결하는 다른 방법에 대해 논의해 봅시다.

.d.ts 파일 사용

.d.ts 파일이란 무엇인가요? 유형 정보만 포함하는 선언 파일입니다. 유형을 확인하는 데만 사용되며 TypeScript는 tsconfig.json 파일의 Include 및 Exclude 설정에 의해 주로 결정되는 일반 .ts 파일과 동일한 방식으로 읽습니다.

따라서 프로젝트 파일 내부의 프로젝트 파일에 .d.ts 파일을 만들고 react-reveal.d.ts 파일과 같이 원하는 이름을 지정할 수 있습니다(주로 모듈 이름 사용). 계속하겠습니다. 파일 내부에서 모듈을 이렇게 선언해야 합니다.

declare module 'module-name'

오류를 수정하려는 모듈로 모듈 이름을 변경했는지 확인하십시오. 대부분의 경우 이렇게 하면 typescript가 자동으로 모듈 유형을 any로 설정하고 코드가 제대로 작동하기 때문에 오류가 수정됩니다.
경우에 따라 유형을 직접 설정해야 할 수도 있습니다. 유형을 설정하려면 코드에 지정할 수 있습니다.

declare module 'module-name' {
    export function myFunction(): string 
}

안타깝게도 오류가 명확하지 않은 경우 다른 방법으로 수정할 수 있습니다.

eslint-disable 다음 줄 주석 추가

eslint-disable 다음 줄 주석을 추가하여 코드의 오류를 무시하고 TypeScript가 오류 없이 완벽하게 실행될 수 있도록 오류를 쉽게 해결할 수 있습니다.

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
import { myFunction } from 'module-name';

// Example
import { Bounce } from "react-reveal";

따라서 이러한 솔루션 중 하나를 사용하여 Typescript가 모듈 'react'에 대한 선언 파일을 찾을 수 없음을 수정할 수 있습니다.

기사가 마음에 들고 도움이 된다면 친구들에게 좋아요와 공유를 부탁드립니다.

고맙습니다