[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"howto:tsx:linux:en":3},{"resolvedFromAlias":4,"canonicalExt":5,"ext":5,"name":6,"category":7,"categoryName":8,"updatedAt":9,"os":10,"osLabel":11,"quickSolution":12,"stepByStep":13,"recommendedSoftware":16,"alternativeMethods":17,"commonIssues":18,"securityNote":37,"extensionPath":38,"extensionLabel":39,"breadcrumbs":40,"metaDescription":50},false,"tsx","TypeScript JSX (TSX) source file","code","Code","2026-06-12T08:00:52.088Z","linux","Linux","To open .TSX files on Linux, open the .tsx file with your preferred code editor (for example, Visual Studio Code) from the file manager or via the editor’s Open command.",[14,15],"Open the .tsx file with your preferred code editor (for example, Visual Studio Code) from the file manager or via the editor’s Open command.","If it opens as plain text without highlighting, set the language mode to TypeScript/TSX in the editor.",[],[],[19,25,31],{"title":20,"description":21,"steps":22},"The file opens, but JSX looks like syntax errors","If the editor or tooling treats the file as plain TypeScript (.ts) or JavaScript, the embedded JSX may be flagged as invalid syntax.",[23,24],"Confirm the file extension is .tsx (not .ts).","In your editor, select the language mode for TypeScript React/TSX (wording varies by editor).",{"title":26,"description":27,"steps":28},"TypeScript compiler errors because JSX isn’t enabled","TypeScript only parses JSX when configured for it; otherwise you may see compiler errors or failed builds.",[29,30],"Ensure you are using a TypeScript setup that supports JSX and that the file is .tsx as required for JSX-containing files.","Follow the TypeScript JSX documentation for the correct project/compiler configuration.",{"title":32,"description":33,"steps":34},"Double-clicking tries to run it or opens the wrong app",".tsx files are source code; operating systems may not know the correct default application and may prompt or choose an unrelated program.",[35,36],"Open the file from within a code editor using File → Open.","Set the default app for .tsx to your code editor (file association) and try again.","A .tsx file is plain-text source code, but it can contain logic that executes when included in an application build/run; treat TSX from untrusted sources as potentially malicious code.","/file-extension/tsx",".TSX",[41,44,47],{"label":42,"to":43},"Home","/",{"label":45,"to":46},"How To","/file-extension",{"label":48,"to":49},"Open .TSX on Linux","/how-to/open-tsx-on-linux","Learn how to open .TSX files on Linux with step-by-step instructions, recommended software, and troubleshooting tips."]