'I am having Unexpected token - React, Babel

This is my dependencies. Babel presets seems to be correct but I still get the Unexpected error running

nodemon --exec babel-node src/server/server.js --ignore dist/

package.json dependencies

"dependencies": {
    "@babel/core": "^7.17.8",
    "@babel/node": "^7.16.8",
    "@babel/preset-env": "^7.16.11",
    "@babel/preset-react": "^7.16.7",

babel.config.js

module.exports = {
    presets: ["@babel/preset-env", "@babel/preset-react"],
};

server.js

import express from "express";
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 />);

  res.send(`
    <html>
      <head>
        <title>Sample React App</title>
      </head>
      <body>
        <div id="mountNode">${initialMarkup}</div>
        <script src="/main.js"></script>
      </body>
    </html>
  `)
});

server.listen(4242, () => console.log("Server is running..."));

error:

Unexpected token (10:54)
   8 |
   9 | server.get("/", (req, res) => {
> 10 |   const initialMarkup = ReactDOMServer.renderToString(<App />);

reactjs babeljs

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'I am having Unexpected token - React, Babel

Sources

Related Questions