.JSX Dateiendung

Um .JSX-Dateien unter Windows zu öffnen, klicken Sie mit der rechten Maustaste auf die .jsx-Datei → Öffnen mit → Visual Studio Code (oder einem anderen Code-Editor).

Öffnen Sie eine .jsx-Datei mit einem Quellcode-Editor wie Visual Studio Code, um sie zu lesen oder zu bearbeiten. Um es in einer App oder einem Browser auszuführen, wird es normalerweise im Rahmen eines Build-Schritts in normales JavaScript umgewandelt (z. B. mit der JSX-Transformation von Babel oder der JSX-Unterstützung von TypeScript).

Startseite Dateiendungs-Index Web im Index Web 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 .JSX-Dateien

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

Windows

Klicken Sie mit der rechten Maustaste auf die .jsx-Datei → Öffnen mit → Visual Studio Code (oder einem anderen Code-Editor).
Wenn Sie es ausführen/erstellen müssen, öffnen Sie den Projektordner in Ihrer Build-Toolchain (z. B. ein React/Babel- oder TypeScript-Setup) und führen Sie den Build- oder Dev-Befehl des Projekts aus, damit JSX in JavaScript umgewandelt wird.

Vollständige Windows-Anleitung

Mac

Klicken Sie bei gedrückter Ctrl-Taste auf die .jsx-Datei → Öffnen mit → Visual Studio Code (oder einen anderen Code-Editor).
Um es als Teil einer App auszuführen, verwenden Sie die Build-Tools des Projekts, damit JSX in JavaScript kompiliert wird (üblicherweise über Babel oder TypeScript).

Vollständige Mac-Anleitung

Linux

Öffnen Sie die .jsx-Datei in einem Code-Editor wie Visual Studio Code.
Um es auszuführen, erstellen Sie das enthaltende Projekt, sodass JSX in Standard-JavaScript umgewandelt wird (z. B. mithilfe der JSX-Transformation von Babel oder der TypeScript JSX-Kompilierung).

Vollständige Linux-Anleitung

iOS

iOS führt JSX normalerweise nicht direkt aus oder erstellt es nicht; Öffnen Sie es nur zum Anzeigen/Bearbeiten in einer Text-/Code-Editor-App oder übertragen Sie die Datei in eine Desktop-Umgebung für die richtigen React/Babel/TypeScript-Build-Tools.

Vollständige iOS-Anleitung

Android

Android führt JSX normalerweise nicht direkt aus oder erstellt es nicht; Öffnen Sie es zum Anzeigen/Bearbeiten in einer Text-/Code-Editor-App oder verschieben Sie es in eine Desktop-Umgebung, um es mit einer typischen React/Babel/TypeScript-Toolchain zu kompilieren.

Vollständige Android-Anleitung

Sicherheitshinweise

.jsx-Dateien sind ausführbarer Quellcode in einer JavaScript-Toolchain: Wenn Sie ein Projekt erstellen oder ausführen, das nicht vertrauenswürdige .jsx-Dateien enthält, führen Sie möglicherweise während der Entwicklungs- oder Build-Schritte nicht vertrauenswürdige Logik aus.
JSX wird typischerweise in JavaScript umgewandelt (zum Beispiel durch Babel oder TypeScript); Behandeln Sie die Transformations-/Build-Pipeline als Teil der Angriffsfläche, wenn Sie mit nicht vertrauenswürdigen Projekten arbeiten (bösartiger Code kann während Builds/Tests ausgeführt werden).
Gehen Sie im Internet nicht davon aus, dass es einen offiziellen, bei der IANA registrierten MIME-Typ speziell für JSX gibt; Das Verlassen auf nicht standardmäßige Typen (häufig als „text/jsx“ bezeichnet) kann zu einer inkonsistenten Verarbeitung auf Servern und Clients führen.

Wenn Sie die Datei nicht erwartet haben

Diese Endung steht meist für Daten, Text oder strukturierte Inhalte – nicht für ein ausführbares Programm an sich. Typisch ist eher Täuschung (Betrugs-Anhang oder irreführender Dateiname). Bei vertrauenswürdigen Absendern braucht es selten pauschale Antivirus-Floskeln; die verlinkten Tools sind für die Extra-Prüfung unerwarteter Downloads gedacht.

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 .JSX-Dateien nicht geöffnet werden können.

Häufige Ursachen

Der Browser/die Laufzeit löst einen Syntaxfehler bei JSX-Tags aus
Build wird kompiliert, aber die JSX-Ausgabe ist für Ihr React-Setup falsch
Der Editor zeigt JSX als Klartext an oder verfügt über schlechtes IntelliSense

Lösungsschritte

Stellen Sie sicher, dass Ihr Projekt einen JSX-Transformationsschritt verwendet (z. B. Babels React JSX-Transformation oder TypeScript JSX-Kompilierung).
Erstellen oder führen Sie das Projekt über seine Toolchain aus, anstatt die .jsx-Datei direkt in einem Browser zu öffnen.

Betriebssystem-spezifische Fehlerbehebung

Was ist eine .JSX-Datei?

JSX ist eine Syntaxerweiterung für JavaScript, mit der Sie XML-ähnliche Tags in JavaScript-Code schreiben können. Es wird häufig mit React zur Beschreibung von UI-Komponenten verwendet und wird häufig in Dateien mit der Erweiterung .jsx gespeichert. Tooling wandelt JSX normalerweise vor der Ausführung in Standard-JavaScript um.

Hintergrund

JSX ist vor allem als Markup-ähnliche Syntax bekannt, die mit React verwendet wird, um die Renderausgabe von Komponenten auf eine Weise zu schreiben, die HTML ähnelt, aber dennoch JavaScript ist. In der React-Dokumentation wird JSX als die häufig verwendete (und bevorzugte) Methode zum Schreiben von React-Komponenten beschrieben.

Eine .jsx-Datei ist kein separates „Binärformat“; Es handelt sich um Klartext-Quellcode. Da Browser und viele Laufzeitumgebungen die JSX-Syntax nicht nativ ausführen, enthalten Projekte normalerweise einen Kompilierungs-/Transformationsschritt, der JSX in JavaScript-Funktionsaufrufe konvertiert.

Zu den gängigen Toolchains gehören Babel (über das React JSX-Transformations-Plugin) und die JSX-Unterstützung von TypeScript, die JSX entsprechend Ihrer Konfiguration kompilieren kann. In Editoren wie Visual Studio Code können JavaScript-Tools React/JSX-fähige IntelliSense- und Bearbeitungsfunktionen bereitstellen.

Weiterführende Literatur

Weitere Informationen zum .JSX-Format.

Häufige .JSX-Probleme

Der Browser/die Laufzeit löst einen Syntaxfehler bei JSX-Tags aus

JSX ist in den meisten Laufzeiten keine Standard-JavaScript-Syntax, daher schlägt die direkte Ausführung einer .jsx-Datei oft fehl, es sei denn, sie wird zuerst transformiert.

Stellen Sie sicher, dass Ihr Projekt einen JSX-Transformationsschritt verwendet (z. B. Babels React JSX-Transformation oder TypeScript JSX-Kompilierung).
Erstellen oder führen Sie das Projekt über seine Toolchain aus, anstatt die .jsx-Datei direkt in einem Browser zu öffnen.

Build wird kompiliert, aber die JSX-Ausgabe ist für Ihr React-Setup falsch

Das JSX-Kompilierungsverhalten hängt von der Toolkonfiguration ab (z. B. welche JSX-Laufzeit/-Transformation verwendet wird). Eine Fehlkonfiguration kann das ausgegebene JavaScript ändern.

Überprüfen Sie Ihre JSX-bezogene Konfiguration in Ihrem Compiler/Transpiler (TypeScript JSX-Optionen oder Babel JSX-Transformationseinstellungen).
Passen Sie die React/JSX-Dokumentation und die Tooleinstellungen des Projekts an, sodass die JSX-Transformation Ihrer beabsichtigten Laufzeit entspricht.

Der Editor zeigt JSX als Klartext an oder verfügt über schlechtes IntelliSense

Wenn der Editor die Datei nicht als JavaScript mit JSX behandelt, erhalten Sie möglicherweise keine Syntaxhervorhebung, Formatierung oder Codeunterstützung.

Verwenden Sie einen Editor mit JavaScript/React-Tools (z. B. die JavaScript-Unterstützung von Visual Studio Code).
Stellen Sie sicher, dass die Datei im Editor als JavaScript/JSX erkannt wird und dass relevante Sprachfunktionen/-erweiterungen aktiviert sind.

FAQ

Ist eine .jsx-Datei dasselbe wie eine .js-Datei?

Bei beiden handelt es sich um JavaScript-Quelldateien, aber .jsx weist im Allgemeinen darauf hin, dass die Datei zusätzlich zu regulärem JavaScript auch JSX-Syntax (XML-ähnliche Tags) enthält.

Können Browser .jsx-Dateien direkt öffnen?

Normalerweise nein. JSX muss normalerweise in Standard-JavaScript umgewandelt werden, bevor es ausgeführt werden kann; Dies geschieht üblicherweise durch Tools wie die JSX-Transformation von Babel oder die JSX-Kompilierung von TypeScript.

Was soll ich zum Bearbeiten von .jsx verwenden?

Ideal ist ein Code-Editor mit JavaScript/React-Unterstützung. Visual Studio Code dokumentiert JavaScript-Tools und -Funktionen, die gut mit der React/JSX-Bearbeitung funktionieren.

Ist „text/jsx“ ein offizieller MIME-Typ?

Es wird häufig darauf verwiesen, es ist jedoch nicht bei der IANA registriert. Daher sollten Sie nicht davon ausgehen, dass es sich um einen offiziellen standardisierten Medientyp handelt.