使用 Typescript 设置 Gatsby 会导致“除非提供了 '--jsx' 标志，否则无法使用 JSX。”答案

【问题标题】：Setting up Gatsby with Typescript causes 'Cannot use JSX unless the '--jsx' flag is provided.'使用 Typescript 设置 Gatsby 会导致“除非提供了 '--jsx' 标志，否则无法使用 JSX。”
【发布时间】：2020-06-21 05:46:25
【问题描述】：

我正在运行一个 Gatsby 项目，最近尝试对其实施 Typescript，但我的 TSX 文件中有如下错误：

除非提供了 '--jsx' 标志，否则不能使用 JSX。

我尝试了什么？ 我查看了文档，发现这是由于 JSX 没有被保留。因此，我尝试使用此标志将 tsconfig.json 文件添加到根目录：

{
  "compilerOptions": {
    "jsx": "preserve",
  }
}

这似乎不起作用，所以我还尝试将配置添加到 gatsby-config.js 文件中，如下所示：

{
  resolve: 'gatsby-plugin-typescript',
  options: {
    transpileOnly: true, // default
    compilerOptions: {
      target: 'es5',
      experimentalDecorators: true,
      jsx: 'react',
    },
  },
},

两者似乎都不起作用，我不知道为什么。 tsconfig 中的 "jsx": "preserve", 选项是我在传递中修复此问题的方式，因此我认为这种方法可行。

【问题讨论】：

标签： reactjs typescript gatsby

【解决方案1】：

Cannot use JSX unless the '--jsx' flag is provided

重新启动您的 IDE。有时 tsconfig.json 更改不会立即被拾取

【讨论】：