Ошибка динамической маршрутизации Next.js? ⇐ Javascript

[Гость]

Итак, я пытаюсь выполнить динамическую маршрутизацию для приложения с рецептами, но его страница с сообщениями не найдена, и я понятия не имею, почему я новичок в машинописном тексте и не реагирую.

// страницы/рецепты/[recipeId].tsx импортировать React из «реагировать»; импортировать {useRouter} из 'next/router'; импортировать рецепт из '../../comComponents/recipe';// Убедитесь, что путь импорта соответствует фактическому пути к вашему компоненту. функция экспортаgenerateStaticParams() { return [{ ид рецепта: 'спагеттиКарбонара' }, { ид рецепта: 'лазанья' }, { ид рецепта: 'пицца' }]; } функция экспорта по умолчанию RecipePage({ params }: { params: { certificateId: string } }) { const {recipeId} = параметры если (!recipeId) { console.log("привет") return Загрузка...; } константное имя_файла_рецепта = `${recipeId}.json`; window.alert(имя_рецепта) // Загрузка данных рецепта из файла JSON //const choiceData = require(`../data/recipes/${recipeFileName}`); константные данные рецепта = { "title": "Спагетти Карбонара", «ингредиенты»: [«Спагетти», «Яйца», «Панчетта», «Сыр Пармезан»], "methods": ["Отварить спагетти", "Приготовить панчетту", "Смешать яйца и сыр", "Объединить все ингредиенты"] } console.log(recipeData) возвращаться ( Привет ); }; Это тот, который мне нужен, и путь к файлу находится вверху

импортировать изображение из 'next/image' импортировать ссылку из «следующий/ссылка»; экспортировать функцию по умолчанию Home() { константные рецепты = [ { id: 'спагеттиКарбонара', title: 'Спагетти Карбонара' }, { id: 'chanaMasala', title: 'Chana Masala' }, // Добавьте сюда больше объектов рецепта... ]; возвращаться ( Приложение с рецептами {recipes.map((рецепт) => ( [*] {рецепт.название} ))} ); } Это домашняя страница, на которой действительно показаны рецепты, которые вы можете приготовить? есть что-то, чего я не делаю? Помощь очень ценится!