typescript - 将 gatsby-plugin-typescript 添加到 GatsbyJS "React is not defined"

Question

我创建了 hello world GatsbyJS 应用程序，然后添加了 typescript 插件，我立即收到错误“React is not defined”。我完成了添加“import * as React from 'react'”的步骤；但我仍然在/cache/app.js 中抛出相同的错误。我不确定接下来的步骤。

Hello World GatsybyJS:https://www.gatsbyjs.org/tutorial/part-zero/#create-a-gatsby-site

添加 typescript :https://www.gatsbyjs.org/packages/gatsby-plugin-typescript/?=by-config.js

有人遇到过同样的问题吗？

Answer 1

就我而言，当我像这样配置 typescript 时遇到了这个问题:

  plugins: [
    {
      resolve: `gatsby-plugin-typescript`,
      options: {
        isTSX: true, // defaults to false
        jsxPragma: `jsx`, // defaults to "React"
        allExtensions: true, // defaults to false
      },
    },
    // (continues...)
  ]

我改成了默认插件:

  plugins: [
    `gatsby-plugin-typescript`,
    // (continues...)
  ]

这解决了我的问题。

我从以下文章中找到了此修复程序:https://github.com/ChristopherBiscardi/gatsby-mdx/issues/358