inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

상품목록 불러오기, 장바구니 삭제 에러 질문 드립니다

해결된 질문

411

4562sky

작성한 질문수 5

0

firebase 연동 후 client와 server 실행하여 구동 중 오류 발생하여 질문 드립니다.

firebase-database.pngproducts.png해당 에러를 찾아보니까 'createdAt' 필드를 중복으로 사용하고 있다고 GET_PRODUCTS 쿼리에서 'createdAt' 삭제하여도 역시 그대롭니다.resolver-product.pngserver/src/resolvers/product.ts

강의에 설명해주신 기존 코드대로 짜니까

"'QueryStartAtConstraint' 형식의 인수는 'QueryOrderByConstraint' 형식의 매개 변수에 할당될 수 없습니다.
'type' 속성의 형식이 호환되지 않습니다.
'"startAt" | "startAfter"' 형식은 '"orderBy"' 형식에 할당할 수 없습니다.
'"startAt"' 형식은 '"orderBy"' 형식에 할당할 수 없습니다." 라는 에러가 떠서 주석 처리를 하고 수정을 하였는데 인터넷 검색해서 이것저것 고친거라 정확한건지 모르겠네요.delete.png장바구니 삭제 에러

queryClient.pngquertClient.ts 기존 코드에서 에러로 인해 수정했습니다.

추가적으로 영상에 설명하신 코드와 현재 설치 버전 호환에 차이가 많아 오류가 생겨 수정해주었습니다

client/src/components/cart/item.tsx
  // 기존 코드
  const queryClient = getClient()
  const { mutate: updateCart } = useMutation(
    ({ id, amount }: { id: string; amount: number }) => graphqlFetcher(UPDATE_CART, { id, amount }),

  // 수정
  const queryClient = getClient()
  const { mutate: updateCart } = useMutation<{ updateCart: CartType }, unknown, { id: string; amount: number }>(
    ({ id, amount }) => graphqlFetcher(UPDATE_CART, { id, amount }),
client/src/pages/products/[id].tsx
  // 기존 코드
  const { data } = useQuery<{ product: Product }>([QueryKeys.PRODUCTS, id], () =>
    graphqlFetcher(GET_PRODUCT, { id }),
  )

  // 수정
  const { data } = useQuery<{ product: Product }>(    
  [QueryKeys.PRODUCTS, id],
  () => graphqlFetcher(GET_PRODUCT, { id }),
  {
    select: (data) => data as { product: Product }, // 선택적으로 타입 캐스팅
  }
);

위 코드들 외에도 수정한 부분이 여러군대인데 잘못된 코드 수정으로 인하여 오류가 발생하는 것인지 궁금합니다.

react firebase graphql

답변 1

0

정재남

firebase의 버전이 달라서 발생하는 이슈는 제가 뭐라 말씀 드릴 수가 없네요ㅠ
최신 버전에 맞춰 강의를 리뉴얼해볼 수는 있겠지만, 당장은 어려울 것 같고...

장바구니 담기 버튼 누르면 404에러가 뜹니다

0

253

1

[useRoutes, React-Query 오류 해결방법] No QueryClient set, use QueryClientProvider to set one 에러 나시는 분 보세요 !!!

4

1210

2

깃허브에서 선생님께서 올리신 파일 받아,, 실행시켜보려했으나 안됩니다

0

343

1

상품목록페이지만들기에서 ... 막힙니다..

0

407

1

강의 시점과 지금시점이 꽤 달라진게 있는거 같아요

0

500

1

graphqlFetcher 관련 에러와 , data 객체 정의 되지 않는 오류 질문 드립니다

0

572

2

productdetail 데이터 안불러와지고 있습니다.

1

445

1

query 에러 발생했습니다.

1

538

1

react typescript vite 설치시 오류 질문드립니다.

0

1794

2

섹션1의 1강 routes.tsx에서 에러가 발생합니다

0

813

2

routes.tsx에서 질문이 있습니다!

1

576

1

vite-plugin-next-react-router

0

1475

3

grahpqlFetcher 설명가능할까요

1

501

1

msw mocking enabled

1

789

2

[기술 질문아님]

0

551

2

products 라우팅은 되는데 cart 라우팅은 안되네요 ㅠ

0

584

2

caught Error: No QueryClient set, use ueryClientProvider 에러

13

1970

3

Heroku build관련 오류가 발생해 글 남깁니다 ㅠㅠ

0

705

1

firebase filterling 관련 질문

0

568

3

body가 json 형태가 아닌 ReadableStream 형태로 찍힙니다.

0

785

1

graphqlFetcher 관련 에러가 해결이 안됩니다. ㅠㅠ

1

673

3

MSW graphqlFetcher 에러 관련

0

477

1

graphql-tag, graphql-request 패키지를 사용하는 이유가 궁금합니다.

0

790

1

1일차 fetch api 진행 시 CORS 에러

0

1046

2