Установка Gatsby с Typescript вызывает «Невозможно использовать JSX, если не указан флаг --jsx».

Question

Я запускаю проект Gatsby и недавно пытался внедрить в него Typescript, и у меня есть ошибка в моих файлах TSX, как показано ниже:

Невозможно использовать JSX, если не указан флаг --jsx

Что я попробовал? Я просмотрел документацию и обнаружил, что это связано с тем, что JSX не сохраняется. Поэтому я попытался добавить файл tsconfig. json в root с этим флагом:

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

Это, похоже, не сработало, поэтому я также попытался добавить конфигурацию в gatsby-config . js файл следующим образом:

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

Кажется, что оба не работают, и у меня нет идей, почему. Опция "jsx": "preserve" в tsconfig - это то, как я исправил это в проходе, поэтому я думал, что этот подход будет работать.

Answer 1

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

Перезагрузите IDE. Иногда tsconfig. json изменения не сразу принимаются