Блог

Главная - Вопросы по программированию - Запрос сборки Gatsby Graphql не может найти мои изображения, но среда разработки GraphQL может

Запрос сборки Gatsby Graphql не может найти мои изображения, но среда разработки GraphQL может

#graphql #gatsby

#graphql #gatsby

Вопрос:

При запуске gatsby development или gatsby build я иногда получаю сообщение об ошибке «Поле ошибки GraphQL «изображение» не должно иметь выделения, поскольку тип «String» не имеет подполей «..

Кажется, что запрос GraphQL не может каким-то образом найти изображения. После завершения сборки (по-прежнему с ошибкой Grapql) общедоступная / статическая папка не содержит никаких изображений.

К части, которую я не могу понять: если я зайду в среду разработки GraphQL на localhost:8000 / ___graphiql и вставлю тот же запрос, что и в файле JSX, я получу полный список изображений со всеми данными childImageSharp и так далее

Часть запроса:

 <br>
        image {
          id
          relativePath
          childImageSharp {
            fluid {
              base64
              tracedSVG
              aspectRatio
              src
              srcSet
              srcWebp
              srcSetWebp
              sizes
              originalImg
              originalName
              presentationWidth
              presentationHeight
            }
          }
        }

Результат:

 "image": {
            "id": "beacb126-aec4-596c-b4c0-d5d0d34dd63b",
            "relativePath": "crm-skiss.png",
            "childImageSharp": {
              "fluid": {
...
                "aspectRatio": 2.807017543859649,
                "src": "/static/019990c97190e6df658cc49ad26b9634/a3fa0/crm-skiss.png",
                "srcSet":
<br> "/static/019990c97190e6df658cc49ad26b9634/e7c66/crm-skiss.png 200w,n/static/019990c97190e6df658cc49ad26b9634/140ea/crm-skiss.png 400w,n/static/019990c97190e6df658cc49ad26b9634/a3fa0/crm-skiss.png 800w,n/static/019990c97190e6df658cc49ad26b9634/4cc84/crm-skiss.png 1200w,n/static/019990c97190e6df658cc49ad26b9634/5faf0/crm-skiss.png 1600w,n/static/019990c97190e6df658cc49ad26b9634/de95f/crm-skiss.png 1920w",

…и так далее

Поскольку я запрашиваю эти изображения в среде IDE, они фактически создаются в папке /public / static в моем приложении.

Странно то, что запрос в среде IDE работает и может находить изображения, в то время как запрос сборки не может.

Комментарии:

1. видеозапись того, как файлы создаются в приложении drive.google.com/file/d/1fmtHd7-D0L68I3KwEaJ57ouEqeijeARj/view

2. У вас разные конфигурации для разработки и производственных сборок? Если да, указывает ли производственная конфигурация на тот же источник данных?

3. Ну, у меня есть четыре разных конфигурации, но все, что отличается между ними, — это путь к папке, в которую я добавляю разные /language/ для каждой страны. И я попытался переместить все ресурсы в корень, но проблема сохраняется.

Метки: