vue-skeleton-webpack-plugin icon indicating copy to clipboard operation
vue-skeleton-webpack-plugin copied to clipboard

Published 20 hours ago • verified publisher icon lavas-project

路由设置按需加载后会出现白屏

Open xiao0502 opened this issue 6 years ago • 8 comments

项目中路由设置按需加载，骨架页面加载完毕消失后与按需加载的js加载页面之间会进入一段空档期，出现白屏，也就是骨架页面消失后，才开始加载按需加载的js。这样这个插件就没有意义了呀

xiao0502 avatar Jul 03 '18 14:07 xiao0502

目前出现的问题的执行顺序是：骨架页面正常显示 => 骨架页面正常消失 => 加载按需加载的js => 页面正常显示，问题是加载按需加载的js的时候，骨架页面已经消失了，白屏出现了。骨架页面消失的时机能够出现在按需加载的js加载完之后消失呢

xiao0502 avatar Jul 03 '18 14:07 xiao0502

存在同样的疑问，如何精准控制 mount的时机，有什么好的方法可以借鉴。

kukka414 avatar Jul 23 '18 02:07 kukka414

我个人理解骨架屏是为了解决从 HTML 下载完毕到首屏 JS 执行完毕这段时间的 白屏。 前端渲染在首屏 JS 执行完毕之前肯定是白屏的。 image

xiaoiver avatar Sep 13 '18 02:09 xiaoiver

另外首屏初始路由也做成按需加载的吗？我理解只有后续剩余路由才按需加载，按照 PRPL 模式的说法。

xiaoiver avatar Sep 13 '18 02:09 xiaoiver

H5项目没有固定那一页是首屏 有可能通过任何一页的链接进入那个页面, 所以中间这个时间差有好的解决方案吗?

cander0815 avatar Nov 07 '18 02:11 cander0815

按照不同的路由设置不同的 skeleton 就可以了吧？

PengXing avatar Nov 07 '18 05:11 PengXing

@PengXing 怎么为多个路由设置不同的skeleton啊 vue-cli3

whapply avatar Apr 17 '19 08:04 whapply

@PengXing 怎么为多个路由设置不同的skeleton啊 vue-cli3

和他examples中的多路由是一样使用的

SichorChing avatar May 05 '19 16:05 SichorChing