van
van copied to clipboard
vanjs-jsx Fragment missing
Hi @Tao-VanJS, I'm getting this error:
Uncaught SyntaxError:
The requested module '/node_modules/.vite/deps/vanjs-jsx_jsx-dev-runtime.js?v=6fa83af3'
does not provide an export named 'Fragment'
Perhaps including something in compileOptions or the jsx-runtime would fix this? Let me try and let you know later ;)
Btw, I'm using the default bare example converted to JSX
import "./app.css";
import van from "vanjs-core";
import vanjsLogo from "./vanjs.svg";
import viteLogo from "/vite.svg";
import { Counter } from "./counter";
const app = document.getElementById("app")!;
const App = () => {
return (
<>
<div className="flex flex-row gap-3">
<a href="https://vitejs.dev" target="_blank">
<img src={viteLogo} className="logo w-3 h-auto" alt="Vite logo" />
</a>
<a href="https://vanjs.org" target="_blank">
<img src={vanjsLogo} className="logo vanilla w-3 h-auto" alt="VanJS logo" />
</a>
</div>
<Counter />
<p className="read-the-docs">Click on the Vite and VanJS logos to learn more</p>
</>
);
};
van.add(app, <App />);