认证失效
您好,您未登录或身份认证已失效,请重新登录
咨询平台详情
客服二维码
联系我们

地址:浙江省杭州市余杭区仓前街道良睦路1399号21幢206-B0527
邮箱:ynxpfun@163.com

PC端微信小程序分包页面白屏解决办法

时间:2025-08-07
作者:构联科技
浏览:0

使用uniapp(vue3)开发微信小程序; 手机和模拟器能正常打开分包的页面。但是使用PC端微信去体验小程序,发现跳转分包的页面全部白屏。

解决方法:

uniapp实现分包预加载

pages.json中主包:

"pages": [{
	"path": "pages/index/index",
	"style": {
		"navigationBarTitleText": "",
		"enablePullDownRefresh": false
	}
}, {
	"path": "pages/alarm/alarm",
	"style": {
		"navigationBarTitleText": "",
		"enablePullDownRefresh": false
	}

}, {
	"path": "pages/my/my",
	"style": {
		"navigationBarTitleText": "",
		"enablePullDownRefresh": false
	}

}],

然后在pages.json中配置subPackages

"subPackages": [{
     "root": "subpck/my",
     "pages": [{
	"path": "personal",
        "style": {
	     "navigationBarTitleText": "",
	     "enablePullDownRefresh": false
	 }
     }]
}],

最后:配置预下载分包

"preloadRule": {
    "pages/my/my": {
	"network": "all",
	"packages": [
	     "subpck/my"
	]
    }
},

到此结束,希望对您有帮助