在我的Vue PWA上，来自vue引导程序和buefy的css似乎正在缓慢加载CSS。
我尝试了V披风，但它只隐藏了组件ms。在您看到一个没有CSS的原始html的一瞥之后。
我正在尝试找到一种方法来显示加载程序或隐藏html块的前毫秒的内容，或者最初修复html块如何在没有样式/根本不显示的情况下不显示就像下面的gif一样。
我很感谢这里的所有解决方案。
（由于信誉规则，此处无法显示图片/ gif）
答案 0 :(得分：0)
gif显示js在css之前加载。这通常意味着在index.html文件中引用css文件为时已晚。引用（通常是<link>元素）是按照html中列出的顺序加载的。在检查器中检查您的站点，并查看CSS的列出位置
<link href="/app.js" rel="preload" as="script />
<link href="/app.css" rel="stylesheet" />
<style type="text/css"> ... </style>
// app.js should come first
这应该由vue-style-loader自动完成，它应该包含在vue / cli-service中。您正在使用vue cli吗？