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

嗯，我正在尝试在netlify部署一个网站。它已经在里面了

当我试图在netlify中部署网站时，它显示错误

该网站在浏览器localhost中运行良好，graphquery按需要显示数据。我把菜单列得满满的。。。所以我不得不创建一个gitinore.env.development文件，但我在netlify构建环境变量中插入了CONTENTFUL\u ACCESS\u令牌和CONTENTFUL\u SPACE\u ID

如果在本地主机上执行时没有显示错误，我还能做什么

---

请帮助

使用盖茨比环境变量+Netlify需要对这些变量进行小的更改。您需要在所有变量中添加

GATSBY

前缀。如图所示，并且：

请注意，您不应该将.env.*文件提交到源代码 控制并使用连续部署提供的选项 （CD）提供程序。Netlify及其构建环境就是一个例子 变量。 注：由于盖茨比使用网页包DefinePlugin来制作 环境变量在运行时可用，但不能 从process.env解构；相反，它们必须充分发挥作用 参考

GATSBY\u API\u URL

将可用于您的站点（客户端和 服务器端）作为

process.env.GATSBY\u API\u URL

：

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

CONTENTFUL\u-ACCESS\u-TOKEN

到

GATSBY\u-CONTENTFUL\u-ACCESS\u-TOKEN

和

CONTENTFUL\u-SPACE\u-ID

到

GATSBY\u-CONTENTFUL\u-SPACE\u-ID

（而且在你

GATSBY-config.js

或你使用它们的任何地方）

下一步（也是最后一步）是在Netlify仪表板中添加这些变量，如下图所示：

可以在部署>部署设置下找到以前的配置

一旦你做到了这一点，你的前端将能够找到你的内容变量。您可能需要删除Netlify生成缓存

---

使用盖茨比环境变量+Netlify需要对这些变量进行小的更改。您需要在所有变量中添加

GATSBY

前缀。如图所示，并且：

请注意，您不应该将.env.*文件提交到源代码 控制并使用连续部署提供的选项 （CD）提供程序。Netlify及其构建环境就是一个例子 变量。 注：由于盖茨比使用网页包DefinePlugin来制作 环境变量在运行时可用，但不能 从process.env解构；相反，它们必须充分发挥作用 参考

GATSBY\u API\u URL

将可用于您的站点（客户端和 服务器端）作为

process.env.GATSBY\u API\u URL

：

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

CONTENTFUL\u-ACCESS\u-TOKEN

到

GATSBY\u-CONTENTFUL\u-ACCESS\u-TOKEN

和

CONTENTFUL\u-SPACE\u-ID

到

GATSBY\u-CONTENTFUL\u-SPACE\u-ID

（而且在你

GATSBY-config.js

或你使用它们的任何地方）

下一步（也是最后一步）是在Netlify仪表板中添加这些变量，如下图所示：

可以在部署>部署设置下找到以前的配置

一旦你做到了这一点，你的前端将能够找到你的内容变量。您可能需要删除Netlify生成缓存

---

谢谢您的详细回复，我已经完全按照您所说的做了，您可以查看我的存储库，其中我的配置文件以相同的方式更新，但仍然显示相同的错误。这让我抓狂。我的网站在浏览器中工作，但我不知道我还能做什么。太糟糕了：toFormat似乎是空的，我们需要一个文件扩展来设置它。1 |片段GatsbyImageSharpFluid |在图像上跟踪svg{PM:2 |跟踪svg 9:00:32 PM:3 | aspectRatio 9:00:32 PM:4 | src 9:00:32 PM:5 | srcSet 9:00:32 PM:6 |尺寸9:00:32 PM。您的环境工作正常，但在GraphQL片段上抛出了一个错误。我去看看。请确定，您是否尝试过删除Netlify生成缓存？我会更新我的答案，显示一个屏幕截图。嗯，这是一个点击工作。我的意思是，当我单击触发器部署时，会出现清除缓存和部署的选项。因此，如果我是对的，我每次都这样做。这里有一个更新-。根据stackoverflow问题：58974472，我删除了所有TracedSVG，然后更新存储库，然后尝试部署。。与TracedSVG和未知扩展相关的错误已消失，但现在我遇到了一个新问题：。现在，盖茨比和netlify的所有官方文档都告诉我或建议使用“allContentfulCoffee”参数，并且在使用该参数时，页面的菜单部分可以获取所需的数据。现在还有什么可以做的。除了TracedSVG的问题是他们的全球生产问题，浪费了这么多时间，你有那个元素（咖啡）吗在您的内容模式中？谢谢您的详细回复，我已经完全按照您所说的做了，您可以检查我的存储库，其中我的配置文件以相同的方式更新，但仍然显示相同的错误。这让我抓狂。我的网站在浏览器中工作，但我不知道我还能做什么。太糟糕了：toFormat似乎是空的，我们需要一个文件扩展来设置它。1 |片段GatsbyImageSharpFluid |在图像上跟踪svg{PM:2 |跟踪svg 9:00:32 PM:3 | aspectRatio 9:00:32 PM:4 | src 9:00:32 PM:5 | srcSet 9:00:32 PM:6 |尺寸9:00:32 PM。您的环境工作正常，但在Gr上出现错误