Javascript fetch text() или json() никогда не разрешаются и просто зависают навсегда

Я пытаюсь выполнить выборку в новом проекте nextjs 13 (я не уверен, что это проблема js или nextjs) и использую console.infos для просмотра выполнения кода.

let url = `${BASE}/${module}/${path}`;
      url += "?" + new URLSearchParams(params).toString();
      console.info(`${url}`);
      let response = await fetch(`${url}`, {
        method: "GET",
        headers: {
          "expect-cache-tag": API_KEY,
          Authorization:
            "Bearer ...",
        },
      });


      console.info(4);
      const text = await response.text();
      console.info(5);
      try {
        console.info(6);
        const json = JSON.parse(text);
        console.info(7);
        return json;
      } catch (err) {
        throw new Error("Did not receive JSON, instead received: " + text);
      }
    } catch (err: any) {
      console.info(8);
      let response = err.response;
      return response;
    }

С некоторыми запросами он работает нормально, но с другими я вижу, что он застревает в журналах:

1
2
https://...
4

Таким образом, кажется, что он застревает при разрешении text(), и он делает то же самое, если я использую json(). Вот ответ, и вы видите, что он возвращает 200:

Response {
  size: 0,
  timeout: 0,
  [Symbol(Body internals)]: {
    body: PassThrough {
      _readableState: [ReadableState],
      _events: [Object: null prototype],
      _eventsCount: 5,
      _maxListeners: undefined,
      _writableState: [WritableState],
      allowHalfOpen: true,
      [Symbol(kCapture)]: false,
      [Symbol(kCallback)]: null
    },
    disturbed: false,
    error: null
  },
  [Symbol(Response internals)]: {
    url: 'https://...',
    status: 200,
    statusText: 'OK',
    headers: Headers { [Symbol(map)]: [Object: null prototype] },
    counter: undefined
  }
}

Спасибо за любые идеи

да, я думаю, у вас такая же проблема, как и у меня stackoverflow.com/questions/74360096/…

nobody 08.11.2022 13:26
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
1
129
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

в моем случае это произошло только тогда, когда я попытался получить API из локального в промежуточном программном обеспечении, затем я пытаюсь обернуть API использовать маршрут API https://nextjs.org/docs/api-routes/introduction и это работает, не надо не знаю почему

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

Кажется, это были известные проблемы, о которых говорили в next.js GitHub: https://github.com/vercel/next.js/issues/41853

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

MiddlewareInServerlessTargetError: ПО промежуточного слоя Next.js не поддерживается в устаревшей цели
Не удалось выполнить сборку из-за ошибок веб-пакета при развертывании Next.js в героку
Разбивка на страницы на стороне сервера MUIDataTable — «совпадающих записей не существует» — при переходе на следующую страницу. Даже если данные возвращаются на вкладке сети
Использование React.Context с серверными компонентами Nextjs13
Конечная точка API NextJs возвращает объект ответа без «сообщения» или «тела»
Как я могу добавить плату за доставку при оплате Stripe?
Ошибка сборки Github Actions для Nextjs: ошибка: ошибка: 0308010C: процедуры цифрового конверта:: неподдерживается
Next js не загружает динамическую страницу в сборке
Как использовать Firebase для загрузки изображений в Next.js?
Каждый дочерний элемент в списке должен иметь уникальный ключевой реквизит. Даже после назначения ключа (Next JS)