为什么netlify在本地显示图查询错误，但没有错误？

Question

嗯，我正在尝试在netlify中部署一个网站。它已经在github

[当我尝试在netlify中部署网站时，它显示错误but on my local computer it running without errors

该网站在浏览器localhost中运行良好，graphquery根据需要显示数据。我使菜单列表内容丰富...因此我不得不制作一个gitignore .env.development文件，但我在netlify构建环境变量中插入了CONTENTFUL_ACCESS_TOKEN和CONTENTFUL_SPACE_ID。

如果在localhost上执行时没有错误显示，我该怎么办？

请帮助

Answer 1

使用Gatsby环境变量+ Netlify要求对这些变量进行少量更改。您需要在所有变量中添加GATSBY前缀。像显示Netlify community thread和Gatsby documentation：

[请注意，您不应将.env。*文件提交到源控制并使用连续部署提供的选项（CD）提供者。 Netlify的构建环境就是一个例子变量。注意：由于Gatsby使用Webpack DefinePlugin来创建运行时可用的环境变量，它们不能是从process.env解构；相反，他们必须充分参考。

GATSBY_API_URL将可用于您的网站（客户端和服务器端）为process.env.GATSBY_API_URL。：

当然，这仅适用于Netlify端，不适用于您的本地计算机，但建议在两侧都使用相同的命名。因此，您需要更改内容变量。

[CONTENTFUL_ACCESS_TOKEN至GATSBY_CONTENTFUL_ACCESS_TOKEN和CONTENTFUL_SPACE_ID至GATSBY_CONTENTFUL_SPACE_ID（此外gatsby-config.js中或使用它们的任何地方）。

下一步（也是最后一步）是在Netlify仪表板中添加这些变量，如下面的屏幕快照所示：

先前的配置可以在部署>部署设置

下找到

完成此操作后，您的前端将能够找到您的Contentful变量。您可能需要删除Netlify构建缓存。