He estado intentando aprender a usar express-react-views y, por alguna razón, mi JSX devuelve un error. De acuerdo con github , babel debería transformar automáticamente el JSX al usar express-react-views, por lo que no estoy seguro de por qué recibo este error.

 /home/runner/Vouse/views/Home.jsx:6 <Header /> ^ SyntaxError: Unexpected token '<'

Aquí hay algo de mi código:

índice.js

 // dependencies const express = require("express"); const path = require("path"); const reactViews = require("express-react-views"); // create app const app = express(); // app setup app.set("view engine", "jsx"); app.set("views", path.join(__dirname, "views")); app.engine("jsx", reactViews.createEngine()); app.use("/public", express.static(path.join(__dirname, "public"))); app.use(express.json()); // routes const mainRouter = require("./routes/main"); const apiRouter = require("./routes/api"); app.use("/", mainRouter); app.use("/api", apiRouter); // initialize app const port = process.env.PORT; app.listen(port, () => console.log(`Server listening on port ${port}.`));

principal.js

 const router = require("express").Router(); console.log(require("../views/Home.jsx")); router.get("/", (req, res) => { res.render("Home"); }); module.exports = router;

Inicio.jsx

 const React = require("react"); const Header = require("./components/Header.jsx"); function Home() { return ( <Header /> ); } module.exports = Home;

Si desea ver más código, por favor hágamelo saber. Además, no sé si esto tiene algún efecto, pero estoy ejecutando este proyecto en repetición.