inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

[직접 라이브러리 타이핑하기 > connect-flash 직접 타이핑 하기] 모듈명.d.ts로 할 경우 에러가 발생합니다.

해결된 질문

244

프린이

작성한 질문수 21

0

"직접 라이브러리 타이핑하기 > connect-flash 직접 타이핑 하기"

 

안녕하세요, 제로초 님,

강의에서 보여주신것과 달리

 

저는

d.ts파일 만들 때,

d.ts파일을 담는 폴더 아래,

직접, 모듈이름 connect-flash으로 connect-flash.d.ts, d.ts 파일을 만들면,

해당 모듈의 import 부분에서 에러가 발생합니다.

에러 발생 => 구조 : (d.ts파일담는 폴더 > connect-flash.d.ts )

에러스크린샷01.png반면,

모듈명 connect-flash을 폴더명으로 지정하고

하위에, 기존 connect-flash.d.ts 파일명을 index.d.ts로 변경하면 에러가 사라집니다.

에러 사라짐=> 구조 : (d.ts파일담는 폴더 > connect-flash폴더> index.d.ts )

스크린샷 2022-12-06 오후 5.57.55.png

tsconfig.json의 compilerOptions 에서 다음처럼 설정했습니다.

 "typeRoots": [
     "./node_modules/@types",
     "./src/@types"
  ] 

 

case01) 에러가 발생하는 경우 입니다.

*@types : d.ts 파일을 담는 폴더명

@types > connect-flash.d.ts

 

case02) 에러 사라집니다.

@types > connect-flash > index.d.ts

 

혹시 tsconfig.json의 설정 문제일까요,

학습적으로 궁금한 부분이라 문의 드렸습니다:]

 

 

typescript

답변 1

0

제로초(조현영)

에러가 뭐였는지도 기억해두셨다면 좋았을텐데요

0

프린이

안녕하세요,
특별히 메세지가 있는 에러는 아니었구요,
텍스트 아래 "빨간 색 줄"이 생겼습니다.

빨간색 줄이 생기는걸 에러라 의미해 표현했는데,
자세하게 말씀을 못 드렸네요

d.ts 파일이 잘 적용되었으면
빨간색 줄이 생기고
그렇지 않으면 계속 남았있더라구요

0

제로초(조현영)

폴더명을 @types에서 types로 바꾸고 tsconfig.json에서 typeroots 속성을 제거하면 에러가 안 뜰 겁니다.

0

제로초(조현영)

tsc --listFilesOnly 로 서로 비교해보세요.

타입 오버라이딩

0

78

2

React19에서 useRef 타입 정의의 변화

0

127

2

jQuery를 $로 한 번 더 감싼 형태

0

57

1

typescript interface를 jsdoc으로 주석달 때

0

234

2

declare module시 import 위치

0

198

2

declare global 로 선언된 타입을 확장하는게 아닌 좁히는것도 가능할가요?

0

147

2

typescript 강의를 보고 개발을 하다가 강의와 다른 내용인데 물어볼곳이 여기밖에 없어서 질문 드립니다.

0

236

1

강의에 필요한 사전준비와 예제 코드 첨부

1

311

1

local.ts 예제코드 첨부 합니다.

1

230

1

redux 예제코드 가져와서 강의 보면서 따라하는데

1

248

1

react 함수 컴포넌트 타이핑은 있는데 클래스 컴포넌트 타이핑 예제 코드가 없네요.

1

287

1

axios 1.6.0 버전으로 보고 있는데영

4

393

1

Module '"axios"' has no default export 에러 나시는분들

0

881

1

안녕하세요, 제로초님 타입스크립트 axios 분석 강의보고 궁금한점이 있어서 질문드립니다

1

389

1

안녕하세요. 제로초님 당신의 강의 매니아 입니다. typescript 모듈 관련 질문이 있어서요.

0

269

1

axios catch 에서 error 타입에 대해 as 없이 이렇게 사용하면 어떨까요?

0

405

1

global 선언 시 export {}

0

298

1

initialState가 제네릭 S인 이유가 잘 이해가 되지 않습니다.

0

310

1

declare module vs declare namespace

0

478

1

declare namespace vs namespace

0

500

2

"axios": "1.4.0" 버전 axios type 코드가 강의와 다릅니다!

0

561

1

Redux type 설정 과정에서 발생한 오류 질문 (ts[2345])

1

382

2

index.d.ts 에서 global declare 선언을 했을 때와 하지 않았을 때의 차이

0

408

1

미들웨어가 커링패턴으로 이루어진 이유

0

441

1