• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

Invalid href passed to next/router

22.10.18 23:47 작성 조회수 786

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 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님이 말씀해주신 부분이 맞습니다.

공유해주셔서 감사합니다.