“gatsby-plugin-manifest” 的无效插件选项

如果你正在使用 Gatsby.js 构建站点，并且使用了 gatsby-plugin-manifest 插件来添加 Web 应用程序清单，你可能会遇到以下错误：

Invalid plugin options for “gatsby-plugin-manifest”: “value” must contain at least one of [icon, icons] - JavaScript

这是由于 gatsby-plugin-manifest 的配置项 value 缺少 icon 或 icons 选项导致的。 icon 或 icons 选项用于指定站点的 Web 应用程序图标，gatsby-plugin-manifest 插件需要这些选项来生成 Web 应用程序清单和图标。

以下是示例配置：

{
  resolve: `gatsby-plugin-manifest`,
  options: {
    name: `My Site`,
    short_name: `My Site`,
    start_url: `/`,
    background_color: `#ffffff`,
    theme_color: `#663399`,
    display: `standalone`,
    // 添加 icon 选项指定站点图标
    icon: `src/images/icon.png`, 
  },
},

请注意，在 icon 选项中，您应该提供您站点的实际图标文件的路径。如果您希望为应用程序提供多个图标，请使用 icons 选项，并遵循 Web 应用程序清单规范。

在您添加图标选项并重新启动 Gatsby，您应该能够成功生成 Web 应用程序清单和图标了。