如何解决控制台中的“Uncaught (in promise) SyntaxError”?

时间:2021-03-07 08:31:35

标签: javascript reactjs async-await fetch

这是我获取 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 < in JSON at position 0

谁能看出我哪里错了,我该如何摆脱这个警告? (不过我的代码运行良好)

1 个答案:

答案 0 :(得分:0)

错误消息描述了您的 JSON 响应中出现问题。

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