Reactjs 用Typescript设置盖茨比导致'；除非'--jsx&x27；提供标志。'；

我正在运行一个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”选项是我在过去的几年中如何解决这个问题的，所以我认为这种方法会起作用

重新启动IDE。有时，tsconfig.json更改不会立即检测到

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