Gatsby.js - Типография тем

Question

Я создаю приложение на основе фреймворка gatsby, но у меня проблема с инициализацией темы gatsby. Из официальной документации:

https://www.gatsbyjs.org/tutorial/part-three/

import Typography from 'typography';
import fairyGateTheme from 'typography-theme-github';

const typography = new Typography(fairyGateTheme);

export const { scale, rhythm, options } = typography;
export default typography;

Но при импорте typography-theme-github пунктирная линия подчеркнута, когда я наведу на нее курсор мыши, у меня есть этот совет:

Не удалось найти файл объявления для модуля 'typography-theme-github'. '/Users/jozefrzadkosz/Desktop/hello-world/node_modules/typography-theme-github/dist/index.js' неявно имеет тип 'any'. Попробуйте npm install @types/typography-theme-github, если он существует, или добавьте файл новой декларации (.d.ts), содержащий declare module 'typography-theme-github'; ts (7016)

Когда я запускаю gatsby develop Я получаю эту ошибку:

Ошибка: невозможно найти плагин "undefined". Возможно, вам нужно установить его пакет?

EDIT

Я посмотрел на этот файл node_modules/typography-theme-github/dist/index.js и нашел одну похожую проблему:

var _grayPercentage = require("gray-percentage");

Это требование имеет точно такой же совет, как и импорт моей темы.

ВТОРОЕ РЕДАКТИРОВАНИЕ

Gatsby.config.js

module.exports = {
  plugins: [
    [`gatsby-plugin-sass`],
    {
      resolve: `gatsby-plugin-typography`,
      options: {
        pathToConfigModule: `src/utils/typography`
      }
    }
  ]
};

Answer 1

Я заметил, что вы поместили gatsby-plugin-sass в массив, поэтому gatsby не распознал его:

module.exports = {
  plugins: [
-   [`gatsby-plugin-sass`], <-- error
+   `gatsby-plugin-sass`,
    {
      resolve: `gatsby-plugin-typography`,
      options: {
        pathToConfigModule: `src/utils/typography`
      }
    }
  ]
};

Вероятно, это не проблема с gatsby-plugin-typography.