在 netlify 中构建时出错（使用 gatsby 和 Strapi 的网络应用程序）答案

【问题标题】：Getting a error while building In netlify (web app using gatsby and strapi)在 netlify 中构建时出错（使用 gatsby 和 Strapi 的网络应用程序）
【发布时间】：2021-01-11 18:27:19
【问题描述】：

要重新创建它，您可以克隆我的分支 github链接：-https://github.com/WOLFIEEEE/Gatsby-portfolio/tree/trying-heroku-1

你也可以看到错误链接：-https://app.netlify.com/sites/wolfie-portfolio/deploys/5feabd7bb15555000765b2f5

我正在将我的 strpi 部署到 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

【问题讨论】：

我已经尝试过 "resolutions": { "sharp": "0.24.0" }，这在 gatsby 有关 Image 的封闭问题中有所展示，但没有多大帮助
是否在本地构建？
是的，它确实构建了

标签： npm gatsby netlify strapi

【解决方案1】：

看看：

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

在您的gatsby-config.js(line 7) 中，您正在使用图片：

image: "/rrrrrr.png",

您在static folder 中指向的图像被命名为rrrrrrr.PNG（注意格式，.PNG 而不是.png）。

此外，该图像在 Gatsby 的生态系统之外，因为它不会被 Gatsby 的转换器和锐器解析和转换，因此它不能用作 gatsby-image，但由于路径将存在，您将可以使用img标签将其用作普通图像。

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

8:45:44 AM：错误您的 GraphQL 查询中有错误：

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

我不知道这是什么图像，但 Gatsby 似乎没有解析它。为了让 Gatsby 使用 childImageSharp，图像必须在 Gatsby 的生态系统中才能被转换器和Sharps依赖项解析。

在你的/pages/about.js (line 59):

Image {
  childImageSharp {
    fluid {
      src
    }
  }

这是导致您的问题的原因。在不了解您的数据结构的情况下，无法猜测导致错误的原因，但显然，Gatsby 无法使用 childImageSharp 解析该图像。

【讨论】：

感谢发现这些我改变了它们。但构建仍然显示错误
我仍然看到提交的格式错误。尝试删除 gatsby-node.js 的那一行，以确保问题来自那里。
更新首先我删除了img及其相关标签，然后它抛出了一个错误，然后我删除了查询该图像的整个seo文件，然后它也显示错误我不知道是什么问题可能会在我考试结束后调查一下，我在 30 分钟内有考试。您可以查看我更新的 github 链接，这些更改将提供我遇到的错误的 netlify 链接link
仔细查看您的日志@KhushwantParihar。现在问题完全不同了，而不是“也显示错误”。您的问题错误已修复，现在您有另一个与您的关于页面相关的问题。我已经更新了答案，但在这种情况下，问题属于 Strapi 和您的数据结构。
感谢您的帮助，朋友会尝试修复它。但是我一直感到困惑，该项目只是在本地构建时间，但是当我使用 heroku api 获取数据时它显示错误

【解决方案2】：

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

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

【讨论】：