La aplicación de React no se inicia debido a un problema con el método ReactDOMServer.renderToString().
Estoy aprendiendo React desde cero y, mientras sigo el curso, he encontrado un problema al iniciar la aplicación con el comando npm run dev:server. El registro de la consola devuelve:
SyntaxError: C:/Users/woj/Desktop/moje/react env/src/server/server.js: Token inesperado (10:54)
8 |
9 | server.get("/", (req, res) => {
> 10 | const initialMarkup = ReactDOMServer.renderToString(<app></app>);
| ^
11 |
12 | res.send(`
13 | <html>
Está relacionado con el analizador de babel. ¿Alguien puede intentar ayudarme? Gracias de antemano.
Archivo server.js:
“`javascript
import express from "express";
import React from "react";
import ReactDOMServer from "react-dom/server";
import App from "../components/App";
const server = express();
server.use(express.static("dist"));
server.get("/", (req, res) => {
const initialMarkup = ReactDOMServer.renderToString(<app></app>);
res.send(<code><html>
<head>
<title>Sample React App</title>
</head>
<body>
<div id="mountNode">${initialMarkup}</div>
<script src="/main.js"></script>
</body>
</html></code>);
});
server.listen(4242, () => console.log("El servidor está en ejecución…"));
“`