Npm 在netlify（使用gatsby和strapi的web应用程序）中构建时出错

要重新创建它，您可以克隆我的分支 github链接：-

也可以查看错误，您可以转到链接：-

我正在把我的strapi部署到heroku。当我在本地运行我的项目时，我没有收到任何错误，它运行平稳，当我将同样的东西推到github和strapi尝试构建它时，它失败了

我是新手，如果有人能帮我，那将是巨大的帮助

error Failed to retrieve metadata from image /opt/build/repo/src/assets/hero-img.png
10:55:49 AM: 
10:55:49 AM: 
10:55:49 AM:   Error: Input file contains unsupported image format
10:55:49 AM: 
10:55:49 AM: not finished run static queries - 0.053s
10:55:49 AM: npm ERR! code ELIFECYCLE
10:55:49 AM: npm ERR! errno 1
10:55:49 AM: npm ERR! gatsby-starter-hello-world@0.1.0 build: `gatsby build`
10:55:49 AM: npm ERR! Exit status 1
10:55:49 AM: npm ERR!
10:55:49 AM: npm ERR! Failed at the gatsby-starter-hello-world@0.1.0 build script.
10:55:49 AM: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
10:55:49 AM: npm ERR! A complete log of this run can be found in:
10:55:49 AM: npm ERR!     /opt/buildhome/.npm/_logs/2020-12-29T05_25_49_093Z-debug.log
10:55:49 AM: ​
10:55:49 AM: ────────────────────────────────────────────────────────────────
10:55:49 AM:   "build.command" failed                                        
10:55:49 AM: ────────────────────────────────────────────────────────────────
10:55:49 AM: ​
10:55:49 AM:   Error message
10:55:49 AM:   Command failed with exit code 1: npm run build
10:55:49 AM: ​
10:55:49 AM:   Error location
10:55:49 AM:   In Build command from Netlify app:
10:55:49 AM:   npm run build ```

this is the error I got you can check above netlify link for more info

看看：

6:25:49 AM:错误：输入文件包含不支持的图像格式

在您的应用程序中，您正在使用图像：

image: "/rrrrrr.png",

您在中指向的图像名为

rrrrrrr.PNG

（请注意格式为

.PNG

，而不是

.PNG

）

此外，该图像不属于盖茨比的生态系统，因为它不会被盖茨比的变形金刚和锐器解析和转换，因此，它不能用作

Gatsby图像

，但由于路径将存在，您可以使用

img

标记将其用作普通图像

仔细看看你的日志。您的问题已经解决，但现在的问题是：

8:45:44 AM:错误GraphQL查询中存在错误：

上午8:45:44：无法查询类型“StrapiAboutImage”上的字段“childImageSharp”

我不知道这是什么形象，但它似乎是盖茨比所无法比拟的。要允许盖茨比使用

childImageSharp

，图像必须位于盖茨比的生态系统中，才能由转换器和Sharp依赖项解析

在您的：

这导致了你的问题。在不了解数据结构的情况下，无法猜测是什么导致了错误，但显然，盖茨比无法使用

childImageSharp

解析该图像。请看：

6:25:49 AM:错误：输入文件包含不支持的图像格式

在您的应用程序中，您正在使用图像：

image: "/rrrrrr.png",

您在中指向的图像名为

rrrrrrr.PNG

（请注意格式为

.PNG

，而不是

.PNG

）

此外，该图像不属于盖茨比的生态系统，因为它不会被盖茨比的变形金刚和锐器解析和转换，因此，它不能用作

Gatsby图像

，但由于路径将存在，您可以使用

img

标记将其用作普通图像

仔细看看你的日志。您的问题已经解决，但现在的问题是：

8:45:44 AM:错误GraphQL查询中存在错误：

上午8:45:44：无法查询类型“StrapiAboutImage”上的字段“childImageSharp”

我不知道这是什么形象，但它似乎是盖茨比所无法比拟的。要允许盖茨比使用

childImageSharp

，图像必须位于盖茨比的生态系统中，才能由转换器和Sharp依赖项解析

在您的：

---

这导致了你的问题。如果不知道您的数据结构，就无法猜测是什么导致了错误，但显然，盖茨比无法使用

childImageSharp

解析该图像。我认为问题在于上传服务，因为Heroku每2-3小时或一天刷新一次，我们提供给它的数据就会丢失

---

检查上传服务器是否正常工作。

我认为问题出在上传服务上，因为Heroku每2-3小时或一天刷新一次，我们提供给它的数据就会丢失

---

检查上传服务器是否工作正常。

我已经尝试了“分辨率”：{“夏普”：“0.24.0”}，这在盖茨比关于图像的一期闭刊中显示，但没有；我已经尝试过“分辨率”：{“夏普”：“0.24.0”}，这在《盖茨比》关于图像的一期闭刊中展示过，但它没有；它在本地构建吗？是的，它确实构建了用于发现这些的nak，我改变了它们。但建筑仍然显示错误，我仍然看到提交的格式错误。尝试删除gatsby node.js的那一行，以确保问题来自那里。更新首先我删除了img及其相关标记，然后它抛出了一个错误，然后我删除了整个搜索引擎优化文件，该文件正在查询该图像，然后它也显示了错误。我不知道在我的考试之后可能会发现什么问题我30分钟后要考试。你可以查看我更新的github链接，这些更改将提供我遇到的错误的netlify链接仔细查看你的日志@KhushwantParihar。现在的问题完全不同了，没有“也显示出错误”。您的问题bug已修复，现在您有另一个与“关于”页面相关的问题。我已经更新了答案，但在本例中，问题属于Strapi和您的数据结构。感谢您的帮助，buddy将尝试修复它。但我一直感到困惑的是，这个项目只是在本地实时构建，但当我使用heroku api获取数据时，它显示了错误，因为我更改了它们。但建筑仍然显示错误，我仍然看到提交的格式错误。尝试删除gatsby node.js的那一行，以确保问题来自那里。更新首先我删除了img及其相关标记，然后它抛出了一个错误，然后我删除了整个搜索引擎优化文件，该文件正在查询该图像，然后它也显示了错误。我不知道在我的考试之后可能会发现什么问题我30分钟后要考试。你可以查看我更新的github链接，这些更改将提供我遇到的错误的netlify链接仔细查看你的日志@KhushwantParihar。现在的问题完全不同了，没有“也显示出错误”。您的问题bug已修复，现在您有另一个与“关于”页面相关的问题。我已经更新了答案，但在本例中，问题属于Strapi和您的数据结构。感谢您的帮助，buddy将尝试修复它。但我一直感到困惑，项目只是在本地实时构建，但当我使用heroku api获取数据时，它显示出错误