Question

我正在基于gatsby框架创建应用程序，但是初始化gatsby主题时遇到问题。根据官方文档：

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

<div>

但是当我将鼠标悬停在它上面时，typeography-theme-github导入点划线了：

找不到模块'typography-theme-github'的声明文件。 “ /Users/jozefrzadkosz/Desktop/hello-world/node_modules/typography-theme-github/dist/index.js”隐式具有“ any”类型。如果存在，请尝试import Typography from 'typography'; import fairyGateTheme from 'typography-theme-github'; const typography = new Typography(fairyGateTheme); export const { scale, rhythm, options } = typography; export default typography;或添加一个包含npm install @types/typography-theme-github ts（7016）
的新声明（.d.ts）文件。

运行declare module 'typography-theme-github';时出现此错误：

错误：找不到插件“未定义”。也许您需要安装其软件包？

编辑

我查看了此文件gatsby develop，发现了一个类似的问题：

node_modules/typography-theme-github/dist/index.js

此要求与主题导入完全相同。

第二编辑

Gatsby.config.js

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

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可能不是问题。

Gatsby.js-印刷主题

1 个答案: