Приложение на Next.js 13.4.
На локалке при переходе со страницы 404 на главную все работает нормально. На сервере при попытке перейти со страницы 404 на главную - в адресной строке отображается адрес главной страницы, но содержимое страницы не обновляется, а остается прежним, т.е. содержимым страницы 404. Причем, если нажимаю на логотип - то так же нет обновления содержимого страницы. Но при переходе на любую страницу, кроме главной, - все работает отлично!
В коде Link заменила на button - без изменений.
Ссылка на сайт на сервере
Код:
"use client";
import styles from "./NotFound.module.scss";
import Link from "next/link";
import { useRouter } from "next/navigation";
import Image from "next/image";
export default function NotFound() {
const router = useRouter();
return (
<section className={ `${ styles[ "not-found" ] } section` }>
<div className={ styles[ "not-found__img-wrap" ] }>
<Image
src="/images/404.svg"
width={ 0 }
height={ 0 }
sizes="100vw"
alt="Страница не найдена"
className={ styles[ "not-found__img" ] }
/>
</div>
<h2 className="subtitle">Опаньки!!! Эта страница где-то затерялась!</h2>
<p className={ styles[ "not-found__text" ] }>Наверно, её нет на нашем сайте.</p>
<p className={ styles[ "not-found__text" ] }>А пока можно перейти на </p>
{/*<Link*/}
{/* href="/" className={ styles[ "not-found__link" ] }*/}
{/*>*/}
{/* главную страницу*/}
{/*</Link>*/}
<button
className={ styles[ "not-found__link" ] }
onClick={ () => {
router.push("/");
} }
>
главную страницу
</button>
<br/>
<button
className={ styles[ "not-found__button" ] }
onClick={ () => {
router.back();
} }
>
вернуться назад
</button>
</section>
);
}