დეფოლტური ფაილი სლოტისთვის NextJS-ში

წინა გაკვეთილში ჩვენ შევქმენით დინამიური სლოტი სახელად info:

export default function RootLayout({children, info}) {
	return (
		<html lang="en">
			<body>
				<header>
					<div>
						{info}
					</div>
				</header>
				<main>
					{children}
				</main>
				<footer>
					footer
				</footer>
			</body>
		</html>
	);
}

თუმცა, არსებობს პრობლემა. საქმე იმაშია, რომ ჩვენი სლოტი მუშაობს მხოლოდ ორი ტიპის მისამართისთვის: /users და /posts. თუ მისამართების ზოლში შეიყვანთ სხვა მისამართს, რომელიც ჩვენი სლოტისთვის არაა განსაზღვრული, მაშინ NextJS გამოიტანს 404 შეცდომას.

პრობლემის მოსაგვარებლად პირდაპირ სლოტის საქაღალდეში უნდა ჩაიდოს სპეციალური ფაილი default.jsx. ამ ფაილში უნდა იყოს კომპონენტი, რომელიც გამოჩნდება, როდესაც მისამართების ზოლში აკრიფეთ URL, რომელიც არ არის განსაზღვრული ჩვენი სლოტისთვის.

ანუ ჩვენს შემთხვევაში მიიღება შემდეგი ფაილური სტრუქტურა:

/app/
- /@info/
  - default.jsx
  - /users/
    - page.jsx
  - /posts/
    - page.jsx

დარწმუნდით, რომ დინამიური სლოტი გამოსცემს 404 შეცდომას, როდესაც მისამართების ზოლში აკრიფეთ URL, რომელიც არ არის განსაზღვრული ჩვენი სლოტისთვის.

გამოსწორდეს პრობლემა 404 შეცდომასთან.