无法执行＆＃x27; fetch＆＃x27;在＆＃x27; window＆＃x27;：无效的名称

Question

简单的网站使用获取fording formdata与API联系。 fetch方法返回以在“窗口”上执行'fetch'：在控制台中的名称“错误”错误，同时xmlhtttprequest作品。 如何修复获取方法？

contactForm.addEventListener('submit', async function (e) {
  e.preventDefault();
  // console.log('clicked');

  const formData = {
    name: formName.value,
    email: formEmail.value,
    tel: formTel.value,
    message: formMessage.value,
  };

  // FIXME
  try {
    const response = await fetch('/', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(formData),
    });

    return response.json();
  } catch (err) {
    console.log(err.message);
  }

  // XMLHttp methode works
  // let xhr = new XMLHttpRequest();
  // xhr.open('POST', '/');
  // xhr.setRequestHeader('Content-Type', 'application/json');
  // xhr.onload = function () {
  //   if (xhr.responseText === 'success') {
  //     //add a popout window

  //     formName.value = '';
  //     formEmail.value = '';
  //     formTel.value = '';
  //     message.value = '';
  //   } else {
  //     alert('Something went wrong!');
  //   }
  // };
  // xhr.send(JSON.stringify(formData));
});