Avatar ·

Fehler "Cannot use JSX unless the '--jsx' flag is provided" in TypeScript und React

Hallo zusammen! Ich bin neu in React und TypeScript und versuche, mein erstes Projekt einzurichten. Ich habe create-react-app mit der TypeScript-Vorlage installiert, aber beim Kompilieren erhalte ich folgenden Fehler:\n\n```\nCannot use JSX unless the '--jsx' flag is provided.\n```\n\nMein Code in der Datei App.tsx sieht so aus:\n\n```tsx\nimport React from 'react';\n\nconst App: React.FC = () => {\n return (\n
\n

Hello, World!

\n
\n );\n};\n\nexport default App;\n```\n\nIch habe das Projekt mit `npx create-react-app my-app --template typescript` erstellt. Im Ordner gibt es eine tsconfig.json, aber ich habe sie mir nicht angesehen. Wenn ich `npm start` ausführe, funktioniert alles, aber wenn ich versuche, das Projekt manuell mit `tsc` zu kompilieren, erhalte ich diesen Fehler.\n\nAußerdem ist mir aufgefallen, dass der Fehler verschwindet, wenn ich die Dateierweiterung von .tsx auf .ts ändere, aber dann...