인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

히어드님의 프로필 이미지
히어드

작성한 질문수

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

상품목록 페이지 만들기

오류메시지 문의드립니다유

작성

·

1K

0

import { QueryClientProvider } from "react-query";

오류메시지 : 모듈 'react-query'에 대한 선언 파일을 찾을 수 없습니다. 'C:/work/react-shop/shopping-mall/node_modules/react-query/build/cjs/packages/react-query/src/index.js'에는 암시적으로 'any' 형식이 포함됩니다.
해당 항목이 있는 경우 'npm i --save-dev @types/react-query'을(를) 시도하거나, 'declare module 'react-query';'을(를) 포함하는 새 선언(.d.ts) 파일 추가ts(7016)


import { ReactQueryDevtools } from "react-query/devtools";
오류메시지 : 'react-query/devtools' 모듈 또는 해당 형식 선언을 찾을 수 없습니다.ts(2307)
 
어떻게 해결해야 하나요 ㅠ


답변 1

0

정재남님의 프로필 이미지
정재남
지식공유자

package.json을 열어서 react-query의 버전이 몇인지 살펴보세요.
아마 4.x.x 대로 설치가 되었을 것 같은데, 제 강의는 3.x.x 버전이었습니다.

해결방법은 두가지가 있어요.

1. react-query 3버전을 설치한다

> yarn remove react-query && yarn add react-query@3

2. 4버전에 맞게 코드를 수정한다

https://tanstack.com/query/v4/docs/guides/migrating-to-react-query-4

 

조만간 마이그레이션 관련하여 코드 수정해서 강의에도 추가하도록 하겠습니다.

히어드님의 프로필 이미지
히어드

작성한 질문수

질문하기