내가 경험한 Next.js 13.3 버그 (app route에 대하여)

관련 글 : https://brunch.co.kr/@princox/250

웹 프로그래밍을 독학해서 제품을 만들며 느낀 점들

 

 

Next.js 13.3 버전에서 App Route를 쓰면서 신나게 버그를 경험하고 있습니다.

 

크게 한 3가지의 고난/역경을 이겨냈으나 지금은 못 이겨내고 있는게 있습니다.

 

바로 route할 때 URL에 .txt가 붙는 현상인데요.

 

아래와 같은 현상이 일어납니다.

 

https://github.com/vercel/next.js/issues/48996

<Link href="/link" /> forwards to "/link.txt" · Issue #48996 · vercel/next.js

https://github.com/vercel/next.js/issues/48414

GitHub Pages <Link href="/"> goes to to <user-name>.github.io/<repo-name>.txt · Issue #48414 · vercel/next.js

https://github.com/vercel/next.js/issues/49042

Navigating to root route not working only adds .txt on the end · Issue #49042 · vercel/next.js

 

저도 이와 같은 현상을 겪어서 찾던 중, github 내의 Discussions에도 없고, Stackoverflow에도 없어서

돌고 돌아 issue에 들어오니까 이런 현상을 확인하게 되었네요.

 

 

저는 너무 답답해서 이곳저곳 물어본 상황입니다.

https://github.com/vercel/next.js/discussions/49098

I'm using Next.js 13.3 app route, I got self.__next_f.push and .txt file in routed URL · vercel/next.js · Discussion #49098

 

https://stackoverflow.com/questions/76157727/next-js-13-3-appends-txt-to-urls-when-navigating-pages

Next.js 13.3 appends txt to URLs when navigating pages

 

이래서 프레임워크의 새로운 버전에서 새로운 기능은 쉽게 쓰면 안되나봅니다.

 

 

특히 canary 버전에서는 조심!

 

 

해결 : Next의 버전은 13.3에서 13.2로 다운그레이드 하면 정상 작동함

 

https://github.com/vercel/next.js/issues/48996

<Link href="/link" /> forwards to "/link.txt" · Issue #48996 · vercel/next.js