Как исправить «мерцание при первой загрузке»? - PullRequest
Новая
       26

Как исправить «мерцание при первой загрузке»?

0 голосов
/ 23 мая 2019

После добавления SSR мои стили начали мерцать, когда страница была перезагружена. Что я делаю неправильно? Также эта проблема была описана здесь: https://github.com/meteor/meteor/issues/9758#issuecomment-381154274

Инструкция, которой я следовал: https://docs.meteor.com/packages/server-render.html

Это мой сервер / index.js: 

import React from 'react'
import { renderToString } from 'react-dom/server'
import '/app/api/methods'
import App from '/app/components/app'
import importFaqQuestions from './importFaqQuestions'

import { Helmet } from 'react-helmet'

import { onPageLoad } from 'meteor/server-render'

onPageLoad((sink) => {
    const helmet = Helmet.renderStatic()
    sink.renderIntoElementById('app', renderToString(<App location={sink.request.url}/>))
    sink.appendToHead(helmet.meta.toString())
    sink.appendToHead(helmet.title.toString())
    sink.appendToHead(helmet.link.toString())
    sink.appendToHead(helmet.script.toString())
})

Это мои стили: 

import React from 'react'
import { Meteor } from 'meteor/meteor'

import { PagesRoutes } from '/mightyor/components/PagesRoutes'

if (Meteor.isClient) {
    import('./app.import.less')
}

const App = () => (
    <PagesRoutes/>
)

export default App

Это делает все стили в приложении мерцающими при первой загрузке

...