Fail Slot Lalai dalam NextJS

Dalam pelajaran sebelumnya, kami membuat slot dinamik bernama 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>
	);
}

Walau bagaimanapun, terdapat satu masalah. Masalahnya ialah slot kami hanya berfungsi untuk dua jenis alamat: /users dan /posts. Jika anda memasukkan alamat lain ke dalam bar alamat yang tidak ditakrifkan untuk slot kami, NextJS akan mengeluarkan ralat 404.

Untuk menyelesaikan masalah ini, fail khas default.jsx hendaklah diletakkan langsung ke dalam folder slot. Fail ini hendaklah mengandungi komponen yang akan dipaparkan apabila URL yang tidak ditetapkan untuk slot kami dimasukkan ke dalam bar alamat.

Jadi, dalam kes kami, struktur fail akan kelihatan seperti berikut:

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

Pastikan bahawa slot dinamik mengeluarkan ralat 404 apabila URL yang tidak ditetapkan untuk slot kami dimasukkan ke dalam bar alamat.

Betulkan masalah ralat 404.