해결된 질문
23.11.19 18:31 작성
·
252
·
수정됨
0
안녕하세요.
강의 중 날씨 데이터 재검증하기 부분에서 코드를 강사님 코드를 따라하다가
시간 api fetch 부분에서 아래와 같은 에러가 발생이 되어서 질문 드립니다.
강사님 코드를 깃에서 받아서 IDE (vscode, webstorm) 열어봐도 똑같은 현상이 보입니다.
혹시 이런 부분에 대해서 알고 계신 내용이 있으시다면 답변주시면 감사드리겠습니다.
참고로 노드 버전은 20.9.0입니다!
답변 1
1
2023. 11. 19. 19:52
강루피님, 안녕하세요! 에러가 발생해서 답답하셨을 거 같습니다. 같이 해결해보시죠!
우선 현재 프로젝트에 node_modules/next/types
폴더에 global.d.ts
파일이 존재하는지 확인 부탁드립니다. Next.js의 fetch 함수는 해당 데이터 타입을 의존하게 되어 있습니다.
제 IDE에서는 fetch의 두번째 인자인 RequestInit
타입의 정의가 lib.dom.d.ts
와 global.d.ts
에 되어 있습니다. 이미지를 통해 확인하실 수 있어요.
재검증을 위해 사용하는 next 객체는 global.d.ts
에 정의되어 있으니 node_modules에 해당 타입이 정의되어 있는지 확인 부탁드립니다. 만약 정의되어 있지 않다면 node_modules를 삭제한 후에 다시 npm install
명령어를 실행해봐주세요. 이때 현재의 node 버전이 무엇인지 다시 한번 확인해주세요. Node 16.14 버전 이상이 설치되어 있어야 합니다.
혹시 위와 같이 시도한 이후에도 해결되지 않는다면 다시 질문 남겨주세요! 최대한 빠르게 답변드리도록 하겠습니다.
2023. 11. 19. 20:53
node_modules/next/types
폴더에global.d.ts
파일이 존재하고RequestInit
타입의 정의가lib.dom.d.ts
와global.d.ts
에 되어 있는 것도 확인하고node 버전도 20.9.0인 것을 확인 하였는데도 에러가 나길래
혹시 몰라서 node_modules를 지우고 npm i를 하니까 에러가 사라졌습니다!!
처음 프로젝트 셋팅 시 필요한 패키지들 설치할 때 npm i를 쓰지 않고 yarn으로 했었어서 그런가 하는 생각이 드네요..!!!
친절하게 답변해주셔서 정말 감사합니다 (o゜▽゜)o☆