[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"howto:jsx: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,"jsx","JSX (JavaScript XML) source file","web","Web","2026-06-12T07:59:55.325Z","linux","Linux","To open .JSX files on Linux, open the .jsx file in a code editor such as Visual Studio Code.",[14,15],"Open the .jsx file in a code editor such as Visual Studio Code.","To run it, build the containing project so JSX is transformed into standard JavaScript (for example using Babel’s JSX transform or TypeScript JSX compilation).",[],[],[19,25,31],{"title":20,"description":21,"steps":22},"The browser/runtime throws a syntax error on JSX tags","JSX is not standard JavaScript syntax in most runtimes, so running a .jsx file directly often fails unless it is transformed first.",[23,24],"Ensure your project uses a JSX transform step (for example Babel’s React JSX transform or TypeScript JSX compilation).","Build or run the project through its toolchain instead of opening the .jsx file directly in a browser.",{"title":26,"description":27,"steps":28},"Build compiles, but JSX output is wrong for your React setup","JSX compilation behavior depends on tool configuration (for example, which JSX runtime/transform is used). Misconfiguration can change what JavaScript is emitted.",[29,30],"Review your JSX-related configuration in your compiler/transpiler (TypeScript JSX options or Babel JSX transform settings).","Align the project’s React/JSX documentation and tool settings so the JSX transform matches your intended runtime.",{"title":32,"description":33,"steps":34},"Editor shows JSX as plain text or has poor IntelliSense","If the editor is not treating the file as JavaScript with JSX, you may not get syntax highlighting, formatting, or code assistance.",[35,36],"Use an editor with JavaScript/React tooling (for example Visual Studio Code’s JavaScript support).","Verify the file is recognized as JavaScript/JSX in the editor and that relevant language features/extensions are enabled.",".jsx files are executable source code in a JavaScript toolchain: if you build or run a project containing untrusted .jsx, you may execute untrusted logic during development or build steps.","/file-extension/jsx",".JSX",[41,44,47],{"label":42,"to":43},"Home","/",{"label":45,"to":46},"How To","/file-extension",{"label":48,"to":49},"Open .JSX on Linux","/how-to/open-jsx-on-linux","Learn how to open .JSX files on Linux with step-by-step instructions, recommended software, and troubleshooting tips."]