Numatytojo sloto failas NextJS

Ankstesnėje pamokoje mes sukūrėme dinaminį slotą pavadinimu 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>
	);
}

Tačiau yra problema. Faktas yra tas, kad mūsų slotas veikia tik dviem adresų tipams: /users ir /posts. Jei į adreso eilutę įvesite kitą adresą, kuriam mūsų slotas neapibrėžtas, NextJS grąžins 404 klaidą.

Problemai spręsti tiesiogiai į sloto aplanką reikia įdėti specialų failą default.jsx. Šiame faile turi būti komponentas, kuris bus rodomas, kai į adreso eilutę įvestas URL, nenurodytas mūsų sloto konfigūracijoje.

Tai yra mūsų atveju susidarys sekanti failų struktūra:

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

Įsitikinkite, kad dinaminis slotas grąžina 404 klaidą, kai į adreso eilutę įvestas URL, nenurodytas mūsų sloto konfigūracijoje.

Išspręskite 404 klaidos problemą.