Ошибка: SyntaxError: неожиданный конец ввода JSON в fetch.then.response

Это означает, что страница, полученная по адресу myURL/test, не отвечает содержимым JSON или с искаженным содержимым JSON. Это не ошибка вашего скрипта, все в порядке, это ошибка вашего сервера, который не обслуживает контент JSON в myURL/test.

Также обратите внимание, что серверы могут по-разному отвечать на запросы GET и POST для одного и того же URL-адреса! Если вы получаете действительный JSON из запроса GET, но, как вы описали, не можете получить действительный JSON из запроса POST, ваш сервер может обслуживать другой контент в зависимости от типа запроса. Исследуйте это.

Советы по отладке

• Замените then(resp => resp.json()) на then(resp => resp.text()).then(console.info), чтобы увидеть, как выглядит обслуживаемый контент.
• Используйте Postman для имитации вызовов API и посмотрите, как выглядит обслуживаемый контент, с более подробной информацией.
• Изучите ответ с помощью инструментов разработчика:
  1. В Chrome
  2. Откройте консоль (F12)
  3. Перейти на вкладку network
  4. Нажмите на файловый сервер myURL/test
  5. Нажмите на response: это будет текстовое содержимое. Он должен быть правильно отформатирован JSON.

В основном метод GET не отправляет ваш объект тела на сервер, на котором вы получаете ответ. Только действие POST отправит ваш объект body на сервер.

Я предполагаю, что объект, который вы хотите отправить, является проблемой. Либо сервер, к которому вы пытаетесь подключиться, не ожидает объект body в виде строки, либо вам следует убедиться, что вы правильно проанализировали JSON перед обработкой.

Похоже, API, который вы вызываете, не имеет тела ответа на этот конкретный POST. Затем, когда вы вызываете response.json() (преобразовывая response.body в json), возникает ошибка. Или, может быть, ответ: тело не является допустимым телом json.

Если вы хотите обработать эту ошибку более модно, вы можете сделать это так:

tryGetJson = async (resp) => {
    return new Promise((resolve) => {
      if (resp) {
        resp.json().then(json => resolve(json)).catch(() => resolve(null))
      } else {
        resolve(null)
      }
    })
  }

https://github.com/github/fetch/issues/268#issuecomment-399497478

(для тех, кто придет позже, но решит эту проблему)

Проблема, скорее всего, в ошибке сервера или неверном URL-адресе, но вы этого не видите, потому что во всех примерах в Интернете, как работать с fetch, отсутствует одна важная часть - сбой сервера или сети.

Я думаю, что правильный способ справиться с fetch — это проверить ответ, если он содержит ошибки, перед преобразованием в json.

Проверьте часть первого then в примере, где it.ok тестируется:

async function fetchData() {
    return await fetch('https://your-server.com/some-NOt-existing-url/')
        .then(it => {
            if (!it.ok) {
                throw `Server error: [${it.status}] [${it.statusText}] [${it.url}]`;
            }
            return it.json();
        })
        .then(receivedJson => {
            // your code with json here...
        })
        .catch(err => {
            console.debug("Error in fetch", err);
            setErrors(err)
        });
}

(примечание: it — это просто соглашение об именах, заимствованное из Kotlin, оно делает код JavaScript короче. Это псевдоним для всего, что находится в левой части выражения, в данном случае для response)