강의중에 정말 궁금한게 있습니다 mock data에 한글이 입력될 경우 msw에서 값을 못 보냅니다
안녕하세요 강의 잘 보고있습니다
/api/postRecommends API 호출로 데이터를 부를시에 mock data의 content 부분에 한글이 입력이 될 경우 PostRecommends 파일의 useQuery data 부분이 undefined로 나옵니다 그래서 확인을 해보니 msw의 HttpResponse.json에서 한글이 입력될 경우 Syntax Error 뜨는 것 같은데요 하지만 영어로 작성할 경우 정상적으로 데이터를 받아 옵니다
network 탭을 보아도 한글을 입력하든 영어가 입력되던 response에는 정상적으로 데이터가 보이지만, React-Query Dev Tool에서는 data: null 처리가 되고 실제로 받아오는 data 또한 없습니다
아래는 그에 따른 이미지 입니다
content에 한글이 들어갈 경우
content에 한글이 들어가지 않을 경우
한글만 들어가면 Syntax Error가 뜹니다
특정 버전에 대한 버그인지 원인을 모르겠습니다 ,,
답변 3
1
이거 저도 겪은 에러인데
데이터에 한글들어가거나 이미지같은 슬러시가 데이터에 있을 때
SyntaxError: Unterminated string in JSON 에러 떨어지면서 정상적으로 통신이 안되더라구요.
응답값도 정상처럼보이는데 끝에 배열이 끊겨보여서 정상적이지도 않구요
영어를 제외한 스트링을 이스케이핑 처리를 해야 정상동작하는것같습니다
다른에러일수도있으니 useQuery 구조분해 할당할 때 error 추가해서 콘솔 찍어보세요
const{data,error} =useQuery
0
msw@2.2에서 에러가 나는 것 같습니다.
npm i msw@2.1 해보세요
0
이건 저도 처음보는 현상이네요. 강의에서는 한글 응답을 했을 때 잘 나오긴 합니다. 일단 msw에서는 데이터를 잘 응답하고 있는 것 같습니다. response에 찍히니까요. 한글 입력했을 때 개발자도구 콘솔에는 에러없나요?
캡처링부분 질문있습니다.
0
74
2
깃에 소스코드를 찾을 수 없습니다.
0
113
2
useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩
0
98
1
import 파일 경로를 찾지 못 해서 에러가 발생합니다.
0
109
2
css 라이브러리 추천 부탁드립니다
0
140
2
팔로우 추천 목록이 빈 배열로 들어옵니다.
0
130
1
게시물 업로드 시 userId가 undefined로 들어가는 오류
0
119
1
useSuspenseQuery 사용 시 SSR 401 이슈 관련
0
170
1
리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??
0
184
3
폴링이 필요없는 이유
0
93
2
next Request Memoization과 react cache
0
108
2
seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
0
84
2
next.js 서버fetch 에러 fallback ui 구현 방법
0
173
2
프레임워크 여론 파악법
0
125
2
필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??
0
103
2
서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.
0
102
2
template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈
0
66
2
Auth.js 사용 시 authorize 함수가 호출되지 않습니다
0
131
2
next.js 에서 로그인에 관하여
0
138
1
Next의 route handler에 대한 질문이 있습니다.
0
101
2
게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다
0
97
2
프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.
0
85
2
vanilla-extract 못찾는 문제
0
229
2
fetch 캐싱과 revalidate 관련
0
84
2