vconsole是一個在移動設(shè)備上調(diào)試的神器,但是在某些手機(jī)上,會有白屏問題。
先看報錯:
Uncaught ReferenceError: ResizeObserver is not defined,source: http://10.1.2.113:8081/js/app.js(4422)
這段報錯指出ResizeObserver 這個方法找不到
百度找了一下這個API

image.png
這個api是用來vconsole界面大小適配用的

image.png
這個api的兼容性其實(shí)已經(jīng)算很好了,但耐不住公司有特別古老的機(jī)型在測試,最低版本的安卓也是2018年月更新的適配。
為了解決這個適配問題
- 安裝resize-observer-polyfill
yarn add resize-observer-polyfill
或者
npm i resize-observer-polyfill
2.main.js引入
import ResizeObserver from 'resize-observer-polyfill'
掛載到window上,因為插件內(nèi)是使用的new語法 會直接在window上找
window.ResizeObserver = ResizeObserver
至此,問題解決..