[TIL] Next.js에서 라우팅이 안되는 경우가 있다?!

export const Navbar = () => {
  return (
    <nav>
      <Link href={"/"}>홈</Link>
      <Link href={"/login"}>로그인</Link>
      <Link href={"/mypage"}>마이페이지</Link>
    </nav>
  );
};

 

이렇게 라우팅을 해주려고 하는데 계속 에러가 났다 .

export const LoginPage = () => {
  return (
    <div>
      여긴 LoginPage
    </div>
  );
};

 

 

그래서 이것저것 해보다가 해결했는데

 

const ConsultPage = () => {
  return (
    <div>
      여긴 ConsultPage
      <AskForm />
    </div>
  );
};

export default ConsultPage;

 

 이렇게 하니까 바로 해결!

 

그 이유는 " nextjs에서는 default로 export하지 않으면 사이트에 접속했을 때 에러가 발생한다 " 라는 설명이 있었다.