My code is not showing. I have a Vite site and my .html and .css work correctly but my .jsx is not showing. When I inspect the page something weird appears:
code when I open inspection
My HTML file however is:
<html>
<head>
<link rel="preconnect" href=";>
<link rel="preconnect" href="; crossorigin>
<link href=":ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div id="root"></div>
<script src="./src/index.jsx" type="module"></script>
</body>
</html>
and the index.jsx is:
import ReactDOM from 'react-dom/client';
ReactDOM.createRoot(document.getElementById('root')).render(<h1>Hello</h1>);