Preact CLI具有名为pre-rendering的功能。它可以直接在HTML中提供特定路由的内容,而无需加载JavaScript。
内容直接加载HTML(静态服务器端呈现)。因此,由于尚未加载JavaScript包,因此显示的内容没有样式,导致样式在几分之一秒后闪烁。
您可以禁用预渲染,该工作正常,但这意味着丢弃有用的功能。是否有预先渲染并包含样式的解决方案?或者我还能做些什么呢?
答案 0 :(得分:0)
实际上,除非您使用带有--template
标志的自定义模板,否则不应在没有样式的情况下显示内容。
默认模板在 HEAD 部分中包含<link rel='stylesheet'
。这应该避免你说的问题。
稍后,jS将会进行互动,但FOUC不应该在那里。