我部署了我的项目，我收到此错误 Input file contains unsupported image format

Posted 2023-03-28

【中文标题】我部署了我的项目，我收到此错误 Input file contains unsupported image format

【英文标题】：I deployed my project, I am getting this error Input file contains unsupported image format

【发布时间】：2021-11-22 18:33:14

【问题描述】：

我正在尝试在我的生产环境中构建（我使用 GitHub 操作进行部署），但错误是我的本地节点之间的节点不一样

在我的本地我有这个版本：

npm -v
-> 7.24.1

node -v
-> v14.13.1

但我不知道 GitHub 操作上的节点版本是什么 我无法在本地重现错误，因为版本不一样

我收到此错误：

success extract queries from components - 4.464s
success write out redirect data - 0.001s
success Build manifest and related icons - 0.003s
error "gatsby-plugin-manifest" threw an error while running the onPostBootstrap lifecycle:

Input file contains unsupported image format


  Error:Input file contains unsupported image format

not finished onPostBootstrap - 0.025s
npm ERR! code ELIFECYCLE

这些是我的依赖项：

  "dependencies": 
    "@material-ui/core": "4.11.0",
    "@material-ui/icons": "4.9.1",
    "@material-ui/lab": "4.0.0-alpha.56",
    "@material-ui/styles": "4.11.4",
    "axios": "^0.21.0",
    "file-saver": "^2.0.5",
    "firebase": "^7.15.4",
    "gatsby": "^2.22.15",
    "gatsby-cli": "^2.12.87",
    "gatsby-image": "^2.4.5",
    "gatsby-plugin-manifest": "^2.4.9",
    "gatsby-plugin-material-ui": "3.0.0",
    "gatsby-plugin-react-helmet": "^3.3.2",
    "gatsby-plugin-react-redux": "1.1.0",
    "gatsby-plugin-react-svg": "^3.0.0",
    "gatsby-plugin-robots-txt": "^1.6.8",
    "gatsby-plugin-sharp": "^2.6.9",
    "gatsby-plugin-sitemap": "3.3.0",
    "gatsby-source-filesystem": "^2.3.8",
    "gatsby-transformer-sharp": "2.5.3",
    "material-ui-dropzone": "3.3.0",
    "npm": "^7.5.6",
    "prop-types": "^15.7.2",
    "react": "^16.13.1",
    "react-redux": "^7.2.1",
    "redux": "^4.0.5",
    "redux-mock-store": "^1.5.4",
    "stopword": "^1.0.3",
    "tracking-number-validation": "^2.0.2",
    "uuid": "^8.3.2"
  ,

这是部署到生产环境的 build.yml

name: Build

on:
  push:
    branches:
      - master

jobs:
  build:
    name: Build
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Repo
        uses: actions/checkout@v2
  deploy:
    name: Deploy
    needs: build
    runs-on: ubuntu-latest
    steps:
      - run: echo $ github.ref 
      - name: Checkout Repo
        uses: actions/checkout@v2
      

【参考方案1】：

但我不知道 github 操作上的节点版本是什么我无法在本地重现错误，因为版本不一样

您可以使用setup-node 操作使版本与您的本地版本完全相同：

- uses: actions/setup-node@v2
  with:
    node-version: '14.13.1'
- run: npm install -g npm@7.24.1
- run: npm -v
- run: node -v

github中的输出：

Run npm -v
  npm -v
  shell: /usr/bin/bash -e 0
7.24.1
Run node -v
  node -v
  shell: /usr/bin/bash -e 0
v14.13.1

【讨论】：

但是如何找到 github 节点以将其安装在我的本地

同理，只是不要在github操作中强制安装任何新节点，添加run: node -v，然后在github中您可以看到日志输出以查看它使用的节点版本。

应该把它放在构建文件中吗？我在我的问题中添加了该文件，请看，我应该在哪个部分运行：node -v，我不想破坏

steps:之后，和你的其他步骤一样。你已经在你的 yaml 中创建了一些 run，比如 run: npm install，复制它。

我要这样写：步骤：-名称：版本节点运行：节点-v。没事吧？