리액트 타입스크립트 설정 시 에러
안녕하세요. 한입 리액트 강의 58강 수강 중 문의드립니다.
앞선 변경사항은 강의와 모두 동일하게 수행해 해결됐는데,
index.tsx파일의 import './index.css';코드에서
"'./index.css' 부수 효과 가져오기에 대한 모듈 또는 형식 선언을 찾을 수 없습니다."라는 에러 메세지가 뜹니다..
AI에 물어보니 src안에 custom.d.ts파일을 생성해 코드 설정을 하라고 하는데 선생님 강의에서는 해당 파일이 없더라고요..? 왜 강의에서는 잘 진행됐는데 이런 에러가 뜨는지 궁급합니다..!
답변 1
1
안녕하세요, 이정환입니다.
이 섹션은 자바스크립트로 만든 프로젝트에 타입스크립트를 직접 얹는 과정이라, tsconfig.json을 우리가 손으로 작성하고 있습니다. 그래서 CRA가 자동으로 만들어주는 설정들이 없는 상태인데요. 타입스크립트는 기본적으로 CSS 파일을 모듈로 인식하지 못하기 때문에, "이런 파일도 import할 수 있다"고 알려주는 선언이 따로 필요합니다. 강의 촬영 당시에는 타입스크립트가 이 부분을 통과시켰는데, 이후 버전이 올라가면서 더 엄격해졌습니다 🥲
그래서 AI가 알려준 방법대로 src 폴더에 custom.d.ts 파일을 만들고 아래 내용을 넣어주셔야 합니다.
declare module '*.css';
declare module '*.svg';CSS만 넣으셔도 지금 에러는 사라지지만, svg도 함께 넣어두시면 이후 이미지 파일을 import할 때 같은 에러가 나는 것을 미리 막을 수 있습니다.
수강에 불편함을 드려 죄송합니다 빠른 시일 내로 최신화 할 수 있도록 하겠습니다!
강의 커리큘럼 관련 질문입니다.
0
56
1
61강(Context API)에서 TodoStateContext 질문
0
64
2
ReturnType에서 any와 never 사용의 차이가 있나요?
0
67
2
reject로 전달되는 값(거부 이유)의 타입과 타입 가드
0
89
2
인덱스드 엑세스타입 실무질문
0
67
2
모든 ts파일이 컴파일 되지 않습니다.(해결됨.)
0
133
4
핸드북 light/dark mode 관련 이슈가 있는 것 같습니다.
0
82
1
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
85
2
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
92
2
outDir 옵션 추가 후 컴파일 오류 질문
0
212
1
호출 시그니처 질문
0
140
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
149
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
118
1
할인쿠폰 관련하여
0
251
2
프론트엔드에서의 인터페이스활용
0
159
2
안녕하세요 이정환님!
0
132
1
Node.js 설치에 관한 질문입니다.
0
146
2
함수 타입 호출 시그니처
0
111
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
114
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
179
4
마우스 호버 시 정보
0
151
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
127
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
152
2
섹션 12가 너무 어려운데... 정상이겠죠..?
0
189
2