> 技术文档 > uniapp H5 微信小程序嵌套H5网页出现白屏问题_uniapp打包h5白屏

uniapp H5 微信小程序嵌套H5网页出现白屏问题_uniapp打包h5白屏

微信小程序嵌套H5白屏问题,一般是因为微信缓存问题:

        1:在微信:我的-设置-通用-存储空间-缓存;点击清理就可以了(如果面向大客户群,此方式不合适)

        2:在webView嵌套,url后面拼接时间戳,保证每次url都不一样就可以解决(亲测有效)

        3:修改每次打包的js文件,让每次打包后js名称不一样(主要目的让浏览器不读取缓存的js,每次从服务器重新获取新的js文件进行加载显示;vue项目实现原理一样,可以参考以下文章:)

 vue打包项目,根据时间戳进行每次生成不一样,防止浏览器缓存

第三种实现方式:

        在最外层创建vue.config.js文件,将以下代码复制其中,重新打包

const Timestamp = new Date().getTime(); //当前时间为了防止打包缓存不刷新,所以给每个js文件都加一个时间戳module.exports = {filenameHashing: true, //建议开启 防止静态资源(图片)替换后 未即时生效configureWebpack: {output: { // 输出重构 打包编译后的 文件路径 文件名称 【时间戳】filename: `./static/js/[name].${Timestamp}.js?v=${Timestamp}`,chunkFilename: `./static/js/[name].${Timestamp}.js?v=${Timestamp}`},}}