Nano Hash - криптовалюты, майнинг, программирование

Ошибка Gatsby NetworkError при попытке получить ресурс при получении уценки из Contentful

Я использую шаблон блога gatsby для начинающих, мне удалось получить богатый текст из содержательного и отобразить его на странице. Сейчас я пытаюсь сделать то же самое, но с уценкой, но получаю сообщение об ошибке «NetworkError при попытке получить ресурс». из моего запроса graphql.

Я пытаюсь следить за документами здесь, поэтому для начала у меня есть длинное текстовое поле, используемое для хранения уценки в содержательном, называемом «bodym».

введите здесь описание изображения

Мой запрос GraphQL ниже, я в основном пытаюсь следовать примеру . Я могу дойти до запроса уценки от contentful.

введите здесь описание изображения

Однако при попытке преобразовать его в пригодный для использования HTML я получаю сообщение об ошибке:

введите здесь описание изображения

Я получаю в консоли следующее:

 ERROR 

The "path" argument must be of type string. Received type undefined

  Error: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Recei  ved type undefined

  - validators.js:125 validateString
    internal/validators.js:125:11

  - index.js:68 _callee$
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:68:40

  - index.js:5 asyncGeneratorStep
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:5:103

  - index.js:7 _next
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:7:194

  - index.js:7 
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:7:364

  - new Promise

  - index.js:7 
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:7:97

  - index.js:96 
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:96:22

  - new Promise

  - index.js:47
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:47:12

  - Array.map

  - index.js:46 module.exports
    [faesel-blog]/[gatsby-remark-relative-images]/index.js:46:22

Мой код можно найти здесь.

Учитывая, что я могу получить уценку из contentful. Я предполагаю, что проблема где-то в плагине gatsby-source-contentful. ценю любую помощь!

javascript contentful gatsby markdown
15.06.2020

Ответы:


1

Я обнаружил, что это проблема с зависимостями пакетов, кодовая база изначально была взята из стартера gatsby, чтобы решить эту проблему, я изменил зависимости пакета на следующее:

"dependencies": {
    "@contentful/rich-text-from-markdown": "^14.1.1",
    "@contentful/rich-text-react-renderer": "^13.2.0",
    "gatsby": "^2.3.3",
    "gatsby-plugin-react-helmet": "^3.0.12",
    "gatsby-plugin-sass": "^2.0.11",
    "gatsby-plugin-sharp": "^2.0.32",
    "gatsby-remark-images": "^3.0.10",
    "gatsby-remark-relative-images": "^0.2.2",
    "gatsby-source-contentful": "^2.0.47",
    "gatsby-source-filesystem": "^2.0.28",
    "gatsby-transformer-remark": "^2.3.8",
    "node-sass": "^4.11.0",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-helmet": "^5.2.0"
  },

Затем обновили зависимости до следующего:

  "dependencies": {
    "@contentful/rich-text-from-markdown": "^14.1.1",
    "@contentful/rich-text-react-renderer": "^13.4.0",
    "gatsby": "^2.23.11",
    "gatsby-plugin-react-helmet": "^3.3.6",
    "gatsby-plugin-sass": "^2.3.6",
    "gatsby-plugin-sharp": "^2.6.14",
    "gatsby-remark-images": "^3.3.13",
    "gatsby-remark-relative-images": "^0.2.3",
    "gatsby-source-contentful": "^2.3.18",
    "gatsby-source-filesystem": "^2.3.14",
    "gatsby-transformer-remark": "^2.8.19",
    "node-sass": "^4.14.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-helmet": "^5.2.1"
  }

Похоже, это решило проблему.

27.06.2020
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..