将 gatsby-plugin-typescript 添加到 GatsbyJS “React 未定义”答案

【问题标题】：Adding gatsby-plugin-typescript to GatsbyJS "React is not defined"将 gatsby-plugin-typescript 添加到 GatsbyJS “React 未定义”
【发布时间】：2019-06-17 06:55:17
【问题描述】：

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

你好世界 GatsybyJS：https://www.gatsbyjs.org/tutorial/part-zero/#create-a-gatsby-site

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

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

【问题讨论】：

标签： typescript gatsby

【解决方案1】：

这个配置在页面上adding Typescript to Gatsby

// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-typescript`,
        options: {
          isTSX: true, // defaults to false
          jsxPragma: `jsx`, // defaults to "React"
          allExtensions: true, // defaults to false
        },
     },
  ],
}

如果你改变这一行

jsxPragma: `jsx`,

到

jsxPragma: `React`,

您的代码将起作用。

【讨论】：

【解决方案2】：

就我而言，当我像这样配置打字稿时遇到了这个问题：

  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

【讨论】：

【解决方案3】：

可能需要加yarn add typescript @types/node @types/react @types/react-dom

【讨论】：

【解决方案4】：

这个 youtube 视频帮助我解决了这个问题：https://www.youtube.com/watch?v=ji2TtRVlNDQ&t=0s&list=PLgKwx4S6vKoDzRNhzNH8X0cm0lnw6MDIq&index=24

【讨论】：

有什么方法可以提供实际答案吗？或者至少是视频中的时间戳？