Console.info не срабатывает внутри реакции

Я учусь реагировать и пытаюсь отладить с помощью console.info, но я не могу найти место, где их можно разместить там, где они действительно срабатывают. Приведенная ниже функция отправляет запрос данных, и я хочу посмотреть, как отформатирован объект данных, но console.info мне ничего не покажет. Есть идеи?

// This function gets called at build time
export const getStaticPaths: GetStaticPaths<ParsedQueryParams> = async ({
  locales,
}) => {
  invariant(locales, 'locales is not defined');
  const data = await client.types.all({ limit: 100 });
  //This does not log anything.
  console.info(data);
  const paths = data?.flatMap((type) =>
    locales?.map((locale) => ({ params: { pages: [type.slug] }, locale }))
  );
  // We'll pre-render only these paths at build time also with the slash route.
  return {
    paths: paths.concat(
      locales?.map((locale) => ({ params: { pages: [] }, locale }))
    ),
    fallback: 'blocking',
  };
};

getStaticPaths не будет вызываться, пока вы не посетите эту динамическую страницу в разработке.

Javokhir 08.10.2022 19:11

Этот код работает на стороне сервера и будет виден в терминале, а не в браузере.

Konrad 08.10.2022 19:12

Это точно. Спасибо! Это было на стороне моего терминального сервера журнала. Я не знал, что это вещь.

rockets4all 08.10.2022 19:54
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
3
51
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

getStaticPaths запускается на стороне сервера, поэтому вы ничего не увидите в консоли веб-браузера. Вы можете увидеть журналы в выводе node.js.

Больше информации в документации Next.js о создании статических сайтов

Другие вопросы по теме