uni-app renderjs openlayer 在 ios15 webviewReady[3][2] not match 错误

这是一个典型的 iOS 15 WebView 与 uni-app renderjs 通信时序问题导致的错误。webviewReady[3][2] not match 表明 WebView 通信协议不匹配，通常发生在 renderjs 与 vue 页面通信过程中，iOS 15 的 WebView 对通信时序要求更严格。

问题核心：renderjs 中的 mounted 被无限触发，导致 OpenLayers 地图被重复初始化，最终页面白屏。

主要原因：

1. iOS 15 WebView 通信时序问题：iOS 15 的 WebView 内核在处理跨层通信时，如果 vue 页面与 renderjs 的 mounted 生命周期时序不同步，可能导致通信失败并触发重试机制，从而反复执行 mounted。
2. renderjs 与 OpenLayers 的初始化冲突：每次 mounted 执行都会重新创建地图实例，但旧实例可能未正确销毁，导致内存泄漏和渲染冲突。

解决方案：

1. 确保 renderjs 只初始化一次 在 renderjs 模块中添加标志位，防止重复初始化：

// renderjs 部分
export default {
  data() {
    return {
      mapInitialized: false
    }
  },
  mounted() {
    if (this.mapInitialized) return;
    
    // 初始化 OpenLayers 地图
    this.initMap();
    this.mapInitialized = true;
  },
  methods: {
    initMap() {
      // 地图初始化代码
    }
  }
}

2. 使用 $nextTick 确保时序正确 在 vue 页面的 mounted 中，使用 $nextTick 延迟调用 renderjs 方法：

// vue 页面
mounted() {
  this.$nextTick(() => {
    // 与 renderjs 通信
    this.$refs.mapRef.someMethod();
  });
}

3. 检查 OpenLayers 的异步加载 确保 OpenLayers 库完全加载后再初始化地图：

// renderjs 中
async mounted() {
  if (this.mapInitialized) return;
  
  // 等待 OpenLayers 加载完成
  await this.loadOpenLayers();
  this.initMap();
  this.mapInitialized = true;
}