Gatsby: ошибка gatsby-plugin-theme-ui ‘Тег не определен’

#reactjs #themes #node-modules #gatsby #referenceerror

#reactjs #темы #узел-модули #gatsby #ошибка ссылки

Вопрос:

Я очень новичок в Gatsby, и у меня есть проект, загруженный с gatsby-ghost-starter starter. Запуск работает просто отлично, и теперь я пытаюсь установить тему для раздела блога сайта.

Я пытаюсь использовать gatsby-theme-blog для раздела блог. Я запустил npm install gatsby-theme-blog в корне своего проекта и настроил gatsby-config , чтобы содержать:

 `gatsby-plugin-theme-ui`,
    {
      resolve: `gatsby-theme-blog`,
      options: {
        // basePath defaults to `/`
        basePath: `/blog`,
      },
    },
  

Примечание: это не весь мой конфигурационный файл, файл длиннее, и я просто показываю, что я добавил ради установки этой темы.

После установки темы и настройки ее в конфигурации я запустил gatsby build и получил следующую ошибку:

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

Ошибка возникает в моем node_modules файле, расположенном по адресу node_modules/gatsby-plugin-theme-ui/src/provider.js:1:1 и node_modules/gatsby-plugin-theme-ui/gatsby-ssr.js:1:1 . Я попытался удалить комментарий /* @jsx jsx */ в строке 1 и перезапустить сервер. Когда я удаляю этот комментарий и перезапускаю, я получаю ту же ошибку в строке 2.

Что вызывает эту ошибку? Я впервые пытаюсь установить тему в рамках существующего проекта, я что-то забыл?