Ionic 3+MapBox GL：Android模拟器报Cannot read property 'resize' of undefined错误

我之前刚好碰到过一模一样的情况！当时折腾了好一阵才找到症结所在，主要是Android模拟器的WebView兼容性和Mapbox GL JS的特性支持不匹配导致的，和你遇到的场景完全一致。

给你几个亲测有效的解决方案：

• 更新Android模拟器的WebView版本：旧版Android系统自带的WebView对WebGL的支持有缺陷，尤其是Mapbox GL用到的一些高级WebGL扩展。你可以在模拟器里安装Chrome并将WebView更新到最新版本，或者直接使用API级别更高的模拟器镜像（比如Android 9及以上）。
• 降级Mapbox GL JS版本：部分新版本的Mapbox GL JS放弃了对旧WebView的兼容，你可以尝试切换到对旧WebView更友好的版本，比如v0.54.x系列（这个版本在我当时的Ionic 3项目里完美适配了Android模拟器）。
• 调整Ionic的内容安全策略（CSP）：在项目根目录的index.html里，确保CSP规则允许Mapbox相关资源加载，比如添加img-src 'self' data: blob:，以及允许Mapbox的域名资源（如果有加载在线瓦片的需求）。
• 开启模拟器的GPU硬件加速：很多时候模拟器默认没开硬件加速，导致WebGL无法正常工作。你可以在模拟器的设置里开启GPU加速选项，或者在启动模拟器时加上-gpu host参数。

另外，你可以在模拟器里打开Chrome的远程调试（chrome://inspect），查看具体的报错信息，这样能更精准地定位问题——我当时就是通过远程调试发现是WebGL扩展不支持的问题。

内容的提问来源于stack exchange，提问作者magic.77