Рендеринг на стороне сервера с загружаемыми компонентами не работает - PullRequest
0 голосов
/ 23 декабря 2019

Я уже некоторое время пытаюсь, но безрезультатно, чтобы моя конфигурация работала для приложения со следующими характеристиками:

  1. Машинопись
  2. Реакция
  3. Рендеринг на стороне сервера с использованием loadable-компонентов
  4. Webpack

По какой-то причине этот фрагмент, который должен найти все фрагменты, которые использовались во время рендеринга на стороне сервера,не работает:

server.get("*", (req, res, next) => {
    const extractor = new ChunkExtractor({ statsFile });
    ...
    const tsx = extractor.collectChunks(
        <ChunkExtractorManager extractor={extractor}>
            <StaticRouter location={req.url}>
                <App data={data}/>
            </StaticRouter>
        </ChunkExtractorManager>
    );
    console.log(extractor.getScriptTags()); // prints server.js bundle but this isn't correct
});

Возвращает пакет server.js вместо необходимых пакетов клиент / поставщик. Вместо того, чтобы публиковать здесь весь код, я поместил весь код в свою ветку на github: https://github.com/markdstevens/ssr-ts-react-webpack-boilerplate/tree/ssr-with-code-splitting

Мне, должно быть, не хватает какой-то конфигурации в веб-пакете или в loadable-компонентах, но я посмотрел вездеи не могу найти проблему. Любые советы будут приветствоваться. Спасибо!

...