Как отрендерить в node.js — JSX(react)?

Question

[Ричард Хендрикс]

Код тестового сервера

const http = require('http');
const React = require('react');
const ReactDOMServer = require('react-dom/server');
const StaticRouter = require('react-router').StaticRouter;

const Express = require('express');
const app = new Express();

const server = new http.Server(app);

app.set('view engine', 'ejs');
app.use('/dist', Express.static('dist'));

app.get('*', (req, res) => {

    const context = {};

    const html = ReactDOMServer.renderToString(
        <StaticRouter location={req.url} context={context}>
            <p>test</p>
        </StaticRouter>
    );

    if (context.url) {
        res.writeHead(302, {
            Location: context.url
        });
        res.end()
    } else {
        res.write(html);
        res.end()
    }
});

server.listen(3000, (err) => {
    if (err) {
        return console.error(err);
    }
    console.info('Server running on http://localhost:3000');
});

Ловлю такую ошибку:

\test-server.js:19
        <StaticRouter location={req.url} context={context}>
        ^

SyntaxError: Unexpected token <
    at new Script (vm.js:51:7)

Answer 1

[Ричард Хендрикс]

Делал вот так и все равно ошибка синтаксиса.

Comments

[Антон Спирин]

А почитать как это правильно делается не пробовали? Тема детально разбирается в десятках статей, а на github есть сотни репозиториев с готовыми примерами. Важно понять, что такое вообще JSX и как он транслируется в JS.
Лучшим вариантом будет писать на ES6 и запускать сервер с помощью babel-node или webpack.
И вам не следовало писать ответ, вы могли прокомментировать мой.

[Ричард Хендрикс]

Антон Спирин, Это я случайно не туды написал, извиняюсь, так сказать