.TSX Dateiendung

Um .TSX-Dateien unter Windows zu öffnen, klicken Sie mit der rechten Maustaste auf die .tsx-Datei und wählen Sie Öffnen mit → Visual Studio Code (oder einem anderen Code-Editor).

Um eine .tsx-Datei zu öffnen, verwenden Sie einen Quellcode-Editor wie Visual Studio Code oder einen anderen Texteditor. Wenn Sie möchten, dass es ausgeführt wird, muss es als Teil eines TypeScript-Projekts kompiliert/transpiliert werden, das JSX unterstützt.

Startseite Dateiendungs-Index Code im Index Code Kategorie-Seite

Zuletzt aktualisiert: 12. Juni 2026

Auf Ihrem Gerät öffnen

Wählen Sie Ihr Betriebssystem für eine Schritt-für-Schritt-Anleitung.

So öffnen Sie .TSX-Dateien

Nutzen Sie diese plattformspezifischen Anleitungen, um .TSX-Dateien sicher zu öffnen.

Windows

Klicken Sie mit der rechten Maustaste auf die .tsx-Datei und wählen Sie Öffnen mit → Visual Studio Code (oder einem anderen Code-Editor).
Wenn es im falschen Programm geöffnet wird, ändern Sie die Dateizuordnung zu einem Text-/Code-Editor und öffnen Sie es erneut.

Vollständige Windows-Anleitung

Mac

Klicken Sie mit der rechten Maustaste (oder bei gedrückter Ctrl-Taste) auf die .tsx-Datei → Öffnen mit → einem Code-Editor (z. B. Visual Studio Code).
Wenn macOS nach einer App fragt, wählen Sie einen Code-Editor aus oder öffnen Sie ihn im Editor über Datei → Öffnen.

Vollständige Mac-Anleitung

Linux

Öffnen Sie die .tsx-Datei mit Ihrem bevorzugten Code-Editor (z. B. Visual Studio Code) über den Dateimanager oder über den Befehl „Öffnen“ des Editors.
Wenn es als einfacher Text ohne Hervorhebung geöffnet wird, stellen Sie im Editor den Sprachmodus auf TypeScript/TSX ein.

Vollständige Linux-Anleitung

iOS

Verwenden Sie eine Text-/Code-Editor-App, die Nur-Text-Quelldateien anzeigen kann. Für vollständige TypeScript/JSX-Workflows übertragen Sie die Datei in eine Desktop-Umgebung.

Vollständige iOS-Anleitung

Android

Öffnen Sie die Datei mit einem Texteditor, der einfachen Text anzeigen kann; Verschieben Sie zum Kompilieren/Erstellen von TSX das Projekt in ein Desktop-Setup.

Vollständige Android-Anleitung

Sicherheitshinweise

Bei einer .tsx-Datei handelt es sich um Klartext-Quellcode, sie kann jedoch Logik enthalten, die ausgeführt wird, wenn sie in den Build/die Ausführung einer Anwendung einbezogen wird. Behandeln Sie TSX aus nicht vertrauenswürdigen Quellen als potenziell bösartigen Code.
Seien Sie vorsichtig bei Projekten, die Build-Skripte und Abhängigkeiten enthalten: Das Öffnen einer .tsx-Datei ist als Text sicher, aber das Ausführen von Installations-/Build-/Testbefehlen kann Code ausführen.
Wenn Sie Editorerweiterungen verwenden, die automatisch Codeaktionen oder Projektskripte ausführen, überprüfen Sie deren Funktion, bevor Sie einem unbekannten TSX-Projekt vertrauen.

Bevor Sie heruntergeladenen Code ausführen

Diese Dateien benötigen meist eine Laufzeitumgebung (Python, Node, Java …). Sie sind keine klassischen „Datei-Viren“, aber nicht vertrauenswürdiger Code kann beim Ausführen viel Schaden anrichten. Nutzen Sie offizielle Paketquellen, prüfen Sie die Quelle, und scannen Sie Archive oder fragwürdige Downloads bei Unsicherheit.

Avast

Avast offers free and premium antivirus software that protects against viruses, malware, ransomware, and phishing. Scan files before opening them to ensure safety.

Norton

Norton 360 delivers comprehensive antivirus protection, VPN, and identity theft monitoring. Scan files for threats before opening to keep your device secure.

Wir erhalten möglicherweise eine Provision über Affiliate-Links. Das unterstützt unsere kostenlosen Dateiendungs-Guides.

Datei lässt sich nicht öffnen?

Die häufigsten Ursachen und Lösungen, wenn .TSX-Dateien nicht geöffnet werden können.

Häufige Ursachen

Die Datei wird geöffnet, aber JSX sieht nach Syntaxfehlern aus
TypeScript-Compilerfehler, weil JSX nicht aktiviert ist
Durch einen Doppelklick wird versucht, die App auszuführen oder die falsche App wird geöffnet

Lösungsschritte

Bestätigen Sie, dass die Dateierweiterung .tsx (nicht .ts) ist.
Wählen Sie in Ihrem Editor den Sprachmodus für TypeScript React/TSX aus (der Wortlaut variiert je nach Editor).

Betriebssystem-spezifische Fehlerbehebung

Was ist eine .TSX-Datei?

Eine TSX-Datei ist eine TypeScript-Datei, die JSX (XML-ähnliche Syntax zur Beschreibung von UI-Elementen) einbettet. Die JSX-Unterstützung von TypeScript geht davon aus, dass JSX-haltiger Code mit der Erweiterung .tsx gespeichert wird, damit der Compiler ihn korrekt analysiert. TSX ist reiner Text-Quellcode, kein eigenständiges ausführbares Format.

Hintergrund

TSX ist die herkömmliche Dateierweiterung für TypeScript-Code, der JSX enthält. TypeScript hat die Erweiterung .tsx eingeführt, um die direkte Einbettung von JSX in TypeScript-Quelldateien zu unterstützen und typisierten UI-Komponentencode zu ermöglichen, der dem in JavaScript verwendeten JSX ähnelt.

Weiterführende Literatur

Weitere Informationen zum .TSX-Format.

Häufige .TSX-Probleme

Die Datei wird geöffnet, aber JSX sieht nach Syntaxfehlern aus

Wenn der Editor oder die Tools die Datei als einfaches TypeScript (.ts) oder JavaScript behandeln, wird das eingebettete JSX möglicherweise als ungültige Syntax gekennzeichnet.

Bestätigen Sie, dass die Dateierweiterung .tsx (nicht .ts) ist.
Wählen Sie in Ihrem Editor den Sprachmodus für TypeScript React/TSX aus (der Wortlaut variiert je nach Editor).

TypeScript-Compilerfehler, weil JSX nicht aktiviert ist

TypeScript analysiert JSX nur, wenn es dafür konfiguriert ist; Andernfalls werden möglicherweise Compilerfehler oder fehlgeschlagene Builds angezeigt.

Stellen Sie sicher, dass Sie ein TypeScript-Setup verwenden, das JSX unterstützt, und dass die Datei .tsx ist, wie es für JSX-enthaltende Dateien erforderlich ist.
Befolgen Sie die TypeScript JSX-Dokumentation für die richtige Projekt-/Compiler-Konfiguration.

Durch einen Doppelklick wird versucht, die App auszuführen oder die falsche App wird geöffnet

.tsx-Dateien sind Quellcode; Betriebssysteme kennen möglicherweise nicht die richtige Standardanwendung und fordern möglicherweise ein nicht verwandtes Programm auf oder wählen es aus.

Öffnen Sie die Datei in einem Code-Editor mit Datei → Öffnen.
Stellen Sie die Standard-App für .tsx auf Ihren Code-Editor (Dateizuordnung) ein und versuchen Sie es erneut.

FAQ

Ist .tsx dasselbe wie .ts?

Bei beiden handelt es sich um TypeScript-Quelldateien, aber .tsx wird verwendet, wenn die Datei JSX enthält. In der Dokumentation von TypeScript heißt es, dass Dateien, die JSX enthalten, die Erweiterung .tsx verwenden sollten.

Was ist JSX und warum ist es in TypeScript enthalten?

JSX ist eine XML-ähnliche Syntax, die in JavaScript-Ökosystemen zur Beschreibung der UI-Struktur verwendet wird. TypeScript unterstützt JSX und TSX ist die Standarderweiterung für TypeScript-Dateien, die JSX einbetten.

Kann ich eine .tsx-Datei in einem normalen Texteditor öffnen?

Ja. TSX ist reiner Text und kann daher von jedem Texteditor geöffnet werden. Für die Syntaxhervorhebung und TypeScript/JSX-fähige Funktionen wird ein Code-Editor empfohlen.

Wann begann TypeScript mit der Verwendung von .tsx?

TypeScript führte ab TypeScript 1.6 die Dateierweiterung .tsx ein, um die Einbettung von JSX zu unterstützen.