如何解决控制台中的“未捕获（承诺）语法错误”？答案

【问题标题】：How to solve 'Uncaught (in promise) SyntaxError' in console?如何解决控制台中的“未捕获（承诺）语法错误”？
【发布时间】：2021-03-07 16:35:06
【问题描述】：

这是我获取 API 的代码：

const fetchUrl = useCallback(async() => {
    setLoading(true);
    const response = await fetch(url);
    const data = await response.json();
    setInfo(data.results);
    if (data.response_code === 1){
        setError(true);
    }
    setLoading(false);
}, [url]);

useEffect(() => {
    fetchUrl();
}, [url, fetchUrl]);

我的代码似乎运行正常，但在控制台中显示此错误：

Uncaught (in promise) SyntaxError: Unexpected token

谁能看到我错在哪里以及如何摆脱这个警告？（不过我的代码运行良好）

【问题讨论】：

很可能你得到的是 HTML 而不是 JSON 来响应你的获取。您是否尝试查看实际响应？

标签： javascript reactjs async-await fetch

【解决方案1】：

错误消息描述您的 JSON 响应中有问题。

通过测试您的 fetch 响应，确保您拥有正确的 JSON 格式和正确的 JSON 令牌。您可以尝试使用this 来测试格式。

【讨论】：