Preact-CLI + styled-компоненты.Не увлажняет

Question

У меня есть сайт, встроенный в preact с помощью cli.Кроме того, у меня есть UI-библиотека, созданная с помощью styled-компонентов.Я хочу добиться надежной реализации SSR.

Я следовал инструкциям в документации по styled-component относительно SSR. инструкции по стилевым компонентам по SSR

Страница загружается с предварительным отображением, однако, когда включается JavaScript, вместо того, чтобы гидрировать существующий HTML, он заменяет HTML.Это приводит к тому, что страница становится пустой на 0,3 секунды.

Пример в документах кажется довольно неубедительным.Вот как я пытался реализовать пример:

import { ServerStyleSheet } from 'styled-components';
import { h, render } from 'preact';
import { default as renderToString } from 'preact-render-to-string';
import './style'; // eslint-disable-line
import App from './components/app';

if (typeof window === undefined) {
    const sheet = new ServerStyleSheet();
    renderToString(sheet.collectStyles(<App />));
    sheet.getStyleElement();
}

if (typeof window !== 'undefined'){
    const FontLoader = require('./FontLoader').default;
    // Loading fonts, defered
    FontLoader();
}

export default App;

Кто-нибудь, кто сделал это, и готов дать несколько советов?

Я на preact-cli 2.2.1

Answer 1

Был в состоянии решить эту проблему, загрузив начальную страницу асинхронно.Что вызвало проблему.