未捕获（承诺）SyntaxError：JS输入意外结束[重复]

Question

在我的客户端，我只是想提醒我从服务器获得的响应。

function displayItems()
{
    fetch('http://ip_address:3000/users',{
        method:'POST',
        headers:{
            'Accept':'application/json',
            'Content-Type':'application/json',
        },
        mode:'no-cors'
    })
    .then((response) => {return response.json();})
    .then((res) => { alert(res.message)})
}

在我的服务器端，我有这个简单的代码来响应请求

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.post('/', function(req, res, next) {

  let obj = {message:'fsdfsdfsdfsd'}
  res.send(obj);

  console.log('server Reached')
});

module.exports = router;

查找其他相关问题后，我仍然无法解决这个错误：Uncaught (in promise) SyntaxError: Unexpected end of input.

提前感谢那些看这篇文章的人。

Answer 1

除了 Quentin 指出的重复的no-cors 问题（他回答here），还有其他几个问题：

您发送的不是 JSON：

res.send('Hello world'); // <=== This is plain text

...所以response.json() 在尝试解析响应时会失败。

如果你只是发送这样的文本，你会使用response.text()而不是.json()来阅读它。

您也没有正确检查 HTTP 错误。不仅仅是你，几乎每个人都会犯这个错误（我有written up here），这是fetch API 中的一个缺陷（恕我直言）。要正确检查错误并接收文本（而不是 JSON），请参阅*** cmets：

function displayItems()
{
    fetch('http://172.30.117.7:3000/users',{
        method:'POST',
        headers:{
            'Accept':'application/json',
            'Content-Type':'application/json',
        },
        mode:'no-cors'
    })
    .then((response) => {
        // *** Check for HTTP failure
        if (!response.ok) {
            throw new Error("HTTP status " + response.status);
        }
        // *** Read the text of the response
        return response.text();
    })
    .then((message) => {
        // *** Use the text
        alert(message);
    })
    .catch((error) => {
        /* ...*** handle/report error, since this code doesn't return the promise chain...*/
    });
}

---

或者，如果您愿意，您可以发回 JSON：

response.json({message: "Hi there"});

...然后在客户端上：

function displayItems()
{
    fetch('http://172.30.117.7:3000/users',{
        method:'POST',
        headers:{
            'Accept':'application/json',
            'Content-Type':'application/json',
        },
        mode:'no-cors'
    })
    .then((response) => {
        // *** Check for HTTP failure
        if (!response.ok) {
            throw new Error("HTTP status " + response.status);
        }
        // *** Read and parse the JSON
        return response.json();
    })
    .then((res) => {
        // *** Use the object
        alert(res.message);
    })
    .catch((error) => {
        /* ...*** handle/report error, since this code doesn't return the promise chain...*/
    });
}

但是再次，所有这些都不是昆汀指出的主要问题。