Я получаю эту ошибку в Next JS Project, хотя у меня есть выход, в котором мне нужна. Я думаю, это потому, что изменения,Javascript

Форум по Javascript
Ответить
Anonymous
 Я получаю эту ошибку в Next JS Project, хотя у меня есть выход, в котором мне нужна. Я думаю, это потому, что изменения,

Сообщение Anonymous »

Итак, я работал над своим проектом, я хотел создать динамическую функцию URL, где, если вы посетите разные URL И если вы посетите 'wuilder.in/client2', вы получите другое название и описание, которое я создал эту страницу внутри приложения/[client]/page.tsx:

Код: Выделить всё

import brandingData from '@/data/brandingData';

export default function ClientWebsite({ params }: { params: { client: string } }) {
const defaultConfig = {
title: "Welcome to Wuilder",
bgColor: "bg-gray-500",
logo: "/logos/default.png",
description: "Powerful websites for every business."
};

const clientConfig = brandingData[params.client] || defaultConfig;

return (

[img]{clientConfig.logo} alt=[/img]
{clientConfig.title}
{clientConfig.description}

);
}
< /code>
Он работал нормально, а также выставлять и отображать все данные из brandingdata.ts: < /p>
type BrandingConfig = {
title: string;
logo: string;
description: string;
};

const brandingData: Record = {
client1: {
title: "Client 1 - Tech Solutions",
logo: "/space/satelite-launch.jpg",
description: "Innovative tech solutions for modern businesses.",
},
client2: {
title: "Client 2 - Fashion Hub",
logo: "/space/gabriele-garanzelli-PzO_CitnJdI-unsplash.jpg",
description: "Trendy fashion and lifestyle brand.",
},
client3: {
title: "Client 3 - Coffee Express",
logo: "/space/spacex-OHOU-5UVIYQ-unsplash.jpg",
description: "The best coffee experience, delivered to you.",
}
};

export default brandingData;
< /code>
Но я получаю эту раздражающую ошибку в своей консоли: < /p>
Error: Route "/[client]" used `params.client`. `params` should be awaited before using its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis
at client (app\[client]\page.tsx:11:45)
9 |     };
10 |
> 11 |     const clientConfig = brandingData[params.client] || defaultConfig;
|                                             ^
12 |
13 |     return (
14 |         
GET /client3 200 in 203ms
Я попробовал все, что не знаю, что делать
Я ожидаю, что эта ошибка исчезнет, ​​помогите мне!

Подробнее здесь: https://stackoverflow.com/questions/794 ... ut-i-neede
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»