Reactjs 生成应用程序后出错-意外令牌<；在JSON中的位置0

这个问题被否决了，如果它真的很愚蠢，至少告诉我为什么

请求在开发时起作用，但在构建后会给出错误

我在构建应用程序时获取数据时遇到问题。 它在

纱线开发

中非常有效，但是

纱线开始

给了我一个错误

我使用API的代理作为代理。我知道这只是给dev的。生产应该如何进行

这是:

这是一个开始：

package.json：

  "scripts": {
    "dev": "react-scripts start",
    "start": "yarn build && npx serve -s build",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "proxy": "http://ip/ler.com",

获取数据：

  useEffect(() => {
    const fetchArtigos = async () => {
        try {
            const resp = await GetArtigos()
            const artigos = resp.map(artigo => {
                artigo.publishedAt = trataData(artigo.publishedAt)
                return artigo
            });
            setArtigos(artigos);
            setIsisLoaded(true);
        }
        catch (erro) {
            console.log('erro');
            console.log(erro);
            setErro(erro);
            setIsisLoaded(true);
        }
    }
    fetchArtigos()
}, [])

return (
    <div className="container-cards">
    <div className="grid-cards">
        {artigos.map((artigo, index) => (
            <Card
                key={index}
                item={artigo}
            />
        ))}
    </div>
</div>
)

---

我没有投你反对票，但我认为我们需要先看看代码库，然后才能开始帮助你；这是一个非常有限的信息量和一个非常模糊的错误代码谢谢你，我试图添加我认为是代码的相关部分摆脱react组件中的这一行：

/*TODO loading*/

并重试，让我知道你什么时候尝试过它；我有种直觉，这就是问题所在。确保重建应用程序，我把它取下来，同样的事情。代理在构建版本下工作吗？但我不认为是这样，因为这将是另一个错误，或者请求甚至不应该工作。我正在编辑这个问题

export const GetArtigos = async () => {

    const response = await fetch('/blog');
    const artigos = response.json();

    console.log('artigos');
    console.log(artigos);

    return artigos;
}