Как сгенерировать статический HTML-код для моей домашней страницы из приложения Create React?

Question

У меня есть CRA, и я хочу, чтобы первая страница была сгенерирована статически, чтобы улучшить время загрузки и SEO. Идея состоит в том, чтобы запустить сценарий NodeJS, который отображает документ приложения внутри index.html.

Вот мой код:

Однако у меня проблемы с запуском с NodeJS:

      import React from 'react';
^^^^^^

SyntaxError: Cannot use import statement outside a module

Судя по всему, мне нужно собрать исходник, но я не знаю, как это сделать. Я использую CRA для создания своих файлов React (на самом деле я использую response-app-rewired, поэтому я мог бы настроить процесс сборки, если бы только знал, как это сделать).

Что мне делать, чтобы все заработало?

Answer 1

В итоге я использовал puppeteer и просто сохранил сгенерированный клиентский код. До этого я потратил часы на то, чтобы сначала window, потом window.location, потом window.localStorage, window.document, window.document.createElement, это никогда не заканчивалось. С кукловодом это было довольно легко.

Answer 2

ошибка от узла: /questions/52996578/syntaxerror-nevozmozhno-ispolzovat-operator-importa-vne-modulya/52996619#52996619

Я знаю, что это не ваш вопрос ... но как насчет использования Nextjs?

Даже без среды узла вы можете использовать "next export" команда, чтобы создать пакет, который будет работать, как статические файлы, при этом все еще реагируя ...