Правильная конфигурация Babel для рендеринга на стороне сервера с React?

Question

Я впервые пытаюсь выполнить рендеринг на стороне сервера, и я просто пытаюсь заставить Node запустить файл моего сервера, не выдавая ошибку на <App />:

<div id="root">${ReactDOMServer.renderToString(<App />)}</div>
SyntaxError: Unexpected token <

Единственная помощь, которую я смог найти в поиске в Google, - это устаревший или, казалось бы, дурной совет (например: использование babel-node, слишком тяжелого для производства). Может ли кто-нибудь оценить мой код и дать мне несколько советов?

https://github.com/gigamesh/aud.io/tree/temporary-demo

Answer 1

В файле server.js , почему плагин babel-register закомментирован?Предполагается, что он решит именно эту проблему.
Попробуйте раскомментировать его, а также добавьте расширение .tsx, например:

require("babel-register")({
   extensions: [".tsx", ".es6", ".es", ".jsx", ".js"],
 });

Это должно решить проблему.

Кстати,Вы можете попробовать использовать более новую @babel/register.