从内容查询图像时使用EPROTO的Gatsby 4错误

Question

每当我运行构建时，我都会得到这个图像查询的错误。它与盖茨比2完美地合作。

我检查了一下图像，它一点也不大。清理缓存没有帮助。

错误#85901图形

GraphQL查询中出现了一个错误：

编写EPROTO 4614737408:错误:1408F10B:SSL routines:ssl3_get_record:wrong版本routines:ssl3_get_record:wrong

16 |         url
  17 |       }
  18 |     }
  19 |     backgroundPosition
  20 |   }
  21 |   description {
  22 |     description
  23 |   }
  24 |   heroImage {
  25 |     description
> 26 |     gatsbyImageData(width: 1500, layout: CONSTRAINED, placeholder: BLURRED)
     |     ^
  27 |   }

文件路径: /Users/ht/Desktop/a/website/src/templates/blog-post.tsx网址路径:/blog/introducing: none

我的加斯比信息

System:
    OS: macOS 11.3.1
    CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.0.0 - ~/.nvm/versions/node/v16.0.0/bin/node
    npm: 7.10.0 - ~/.nvm/versions/node/v16.0.0/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 97.0.4692.99
    Firefox: 96.0.2
    Safari: 14.1
  npmPackages:
    gatsby: ^4.6.0 => 4.6.0
    gatsby-background-image: 1.5.3 => 1.5.3
    gatsby-cli: ^4.6.0 => 4.6.0
    gatsby-image: ^3.11.0 => 3.11.0
    gatsby-plugin-emotion: ^7.6.0 => 7.6.0
    gatsby-plugin-feed: ^4.6.0 => 4.6.0
    gatsby-plugin-google-tagmanager: ^4.6.0 => 4.6.0
    gatsby-plugin-image: ^2.5.2 => 2.6.0
    gatsby-plugin-lodash: ^5.6.0 => 5.6.0
    gatsby-plugin-manifest: ^4.6.0 => 4.6.0
    gatsby-plugin-react-helmet: ^5.6.0 => 5.6.0
    gatsby-plugin-remove-trailing-slashes: ^4.6.0 => 4.6.0
    gatsby-plugin-robots-txt: ^1.5.5 => 1.7.0
    gatsby-plugin-sentry: ^1.0.1 => 1.0.1
    gatsby-plugin-sharp: ^4.6.0 => 4.6.0
    gatsby-plugin-sitemap: ^5.6.0 => 5.6.0
    gatsby-plugin-typegen: ^2.2.4 => 2.2.4
    gatsby-plugin-typescript: ^4.6.0 => 4.6.0
    gatsby-remark-external-links: 0.0.4 => 0.0.4
    gatsby-source-contentful: ^7.4.0 => 7.4.0
    gatsby-source-filesystem: ^4.6.0 => 4.6.0
    gatsby-source-workable: ^1.1.1 => 1.1.1
    gatsby-transformer-remark: ^5.6.0 => 5.6.0
    gatsby-transformer-sharp: ^4.6.0 => 4.6.0

我用盖茨比源-内容来获取图像。定义gatsby-config.js中的url。

{
      resolve: 'gatsby-source-contentful',
      options: {
        spaceId: 'abc', // Main
        accessToken:
          process.env.CONTENTFUL_API_TYPE === 'preview'
            ? process.env.CONTENTFUL_PREVIEW_TOKEN
            : process.env.CONTENTFUL_DELIVERY_TOKEN,
        host: process.env.CONTENTFUL_API_TYPE === 'preview' ? 'preview.contentful.com' : 'cdn.contentful.com',
      },
    },
    {
      resolve: 'gatsby-source-contentful',
      options: {
        spaceId: 'xyz', // Blog
        environment: 'master',
        accessToken:
          process.env.CONTENTFUL_API_TYPE === 'preview'
            ? process.env.CONTENTFUL_BLOG_PREVIEW_TOKEN
            : process.env.CONTENTFUL_BLOG_DELIVERY_TOKEN,
        host: process.env.CONTENTFUL_API_TYPE === 'preview' ? 'preview.contentful.com' : 'cdn.contentful.com',
      },
    }

你们能帮我一下这个错误意味着什么吗？非常感谢

Answer 1

修改GATSBY_EXPERIMENTAL_QUERY_CONCURRENCY环境变量值(默认设置为4 )似乎解决了这个问题。

这个环境变量是盖茨比执行的并行GraphQL查询的数量。在这种情况下，从4到8都能做到这一点。

基础问题(EPROTO)可能是(超时)服务器响应，因为获取和处理的数据量很大。由于并发性的增加，这个问题被绕过了。

您还可以尝试使用pageLimit插件配置来检查负载是否改变了请求的行为。