Invalid href passed to next/router
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
94강 13:55초를 보면
콘솔 창에
next-dev.js?3515:20 Invalid href passed to next/router: /u//r/test02/043hzrH/test44, repeated forward-slashes (//) or backslashes \ are not valid in the hre
와 같은 에러가 떠있습니다. [username].tsx에서
<Link href={`/u/${comment.post?.url}`}>을 불러 올때 url에 '/r/test02/043hzrH/test44'가 담겨 오면서 슬래쉬(//)가 2번 입력되어 생기는 에러 같습니다.
제공된 소스코드에도 위와 같이 입력되어 있어요.
아래와 같이 '/'를 지우고 링크를 href에 넣어주면 에러가 사라지는데 이게 맞을까요?
<Link href={`/u${comment.post?.url}`}>
답변 1
1
안녕하세요. heonpage님
제가 틀린 부분을 많이 발견해주시네요!
repeated forward-slashes (//) or backslashes \ are not valid in the href
heonpage님이 말씀해주신 부분이 맞습니다.
공유해주셔서 감사합니다.
toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.
0
117
2
쿠키 저장이 되지 않습니다.
0
222
1
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)
0
580
1
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',
0
647
1
overload 에러
0
169
1
docker compose up 오류
0
206
1
부록) remark 강의 중 parmas 오류
0
139
1
3000번은 잘 들어가지는데 80번은 안됩니다.
1
292
0
커뮤니티를 올리고 난 후 404 page
0
209
1
tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.
0
1039
2
tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?
0
651
2
useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?
0
804
2
리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이
0
4586
2
data 폴더가 생성되지 않아요.
0
523
1
docker-compose up 오류
0
814
1
회원 가입 페이지 기능 생성(3) 중 에러
0
379
2
Entity에 toJSON 코드 입력 후 404 에러
0
252
1
context에서 useEffect 선언 부분 질문 있어요.
0
294
1
src 폴더구조
0
509
2
서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다
0
297
1
엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다
0
311
1
회원가입 누르면 404에러가 뜹니다 ;-;
1
420
1
nextjs버젼에 대해서 질문드립니다.
0
372
1
<npm run dev>시 -61 에러가 나타납니다!
0
354
1