Tencent / vConsole

A lightweight, extendable front-end developer tool for mobile web page.
Other
16.86k stars 2.95k forks source link

ios移动端页面显示空白 #582

Open badlym opened 1 year ago

badlym commented 1 year ago

vConsole Version:3.15.0 您好 我用vue3+ts版本打包 在mai.ts版本引入

image

但是打包完毕内嵌到ios里边会白屏

image

IMG_1285 但是我采用了另外一种方式 通过script 引入的话

image

没有任何问题

badlym commented 1 year ago

我使用的是 https://github.com/vant-ui/vant-demo/tree/master/vant/vue3-ts vant 的官方示例 但是我通过ncu -update 把所有的包都升级成目前的最新版本了 { "name": "vue3-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", "preview": "vite preview" }, "dependencies": { "vant": "^3.6.5", "vconsole": "^3.15.0", "vue": "^3.2.41" }, "devDependencies": { "@types/node": "^18.11.9", "@vitejs/plugin-vue": "^3.2.0", "sass": "^1.56.0", "typescript": "^4.8.4", "unplugin-vue-components": "^0.22.9", "vite": "^3.2.3", "vue-router": "4", "vue-tsc": "^1.0.9" } }

Maizify commented 1 year ago

可否提供一下白屏时的报错信息?

badlym commented 1 year ago

白屏的时候没有报错,我就是用的vant的官方示例.

szq233 commented 1 year ago

vite + vue3的h5项目在ios平台,一样是引入vConsole后插件一片空白,使用node_modules引入直接阻塞vue渲染,使用cdn引入,页面正常,但vConsole显示一片空白。安卓一切正常。

Maizify commented 1 year ago

v3.14.7有无问题呢?

guoxuemei commented 1 year ago

584,3.15.0 版本在 iOS 下报cant find variable:ResizeObserver

ManiaciaChao commented 1 year ago

https://github.com/Tencent/vConsole/issues/584#issuecomment-1373378798 所述引入 ResizeObserver 的 polyfill 即可。

yaunfei commented 1 year ago

3.14 版本没有问题。请降级到3.14版本。同时安卓8 使用3.15也有同样的问题,需降级。

nijiong commented 9 months ago

vconsole 3.15.1 在ios企业微信4.1.15版本号中白屏,更新企业微信版本后可以正常使用了 ios企业微信内核webkit605.1.15,ios操作系统16.7.4

Mozila/5.0 (iPhone; CPU iPhone 0S 16_7_4 like Mac OS AppleWebkit/605.1.15 (KHTML, ike Gecko) Mobile/15E148 wxwork/4.1.15 MicroMessenger/7.0.1 Language/zh ColorScheme/Light