[解決済み】'--jsx'フラグを指定しないとJSXを使用できない。

質問

この問題を解決するために、いろいろと調べてみました。そのどれもが "jsx": "react" を tsconfig.json ファイルに追加してください。私はこれを実行しました。もうひとつは "include: []" ということです。しかし、私はまだ編集しようとしているときにエラーが発生します。 .tsx ファイルを作成します。以下は、私のtsconfigファイルです。

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "allowJs": true,
        "checkJs": false,
        "jsx": "react",
        "outDir": "./build",
        "rootDir": "./lib",
        "removeComments": true,
        "noEmit": true,
        "pretty": true,
        "skipLibCheck": true,
        "strict": true,
        "moduleResolution": "node",
        "esModuleInterop": true
    },
    "include": [
        "./lib/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

何か提案があれば助かります。私は、env、react、typescriptのプリセットですべてのコードをコンパイルするためにbabel 7を使用しています。もしデバッグのためにもっとファイルが必要なら、私に知らせてください。

どのように解決するのですか？

jsxフラグを指定しないとJSXが使えない

IDEを再起動します。tsconfig.jsonの変更がすぐに反映されないことがあるようですが？