vue.js - 微信小程序分享某个页面在MAC上打开白屏，是什么问题导致？

Question

微信小程序目前是在体验版，分享某个页面在MAC上打开白屏，在别的地方打开，安卓、ios、windows都是正常显示,会是什么问题导致？

async onShareAppMessage() {
    let res = await this.getShareCode(),
      shareCode
    shareCode = res.data ? res.data.shareCode : ''
    let id = this.isCountDown ? this.queryData.goodsId : this.queryData.prodId
    let bseUrl = '/pages/goodsDetails/index?prodId=' + id
    if (shareCode) {
      bseUrl += `&shareCode=${shareCode}`
    }
    if (this.isCountDown) {
      bseUrl += `&roundId=${this.queryData.roundId}&goodsId=${this.queryData.goodsId}`
    }
    // console.log('adsdadadsf',bseUrl +
    //     `?mallCode=${wx.getStorageSync('userChoosedMall').mallCode}&mallName=${
    //       wx.getStorageSync('userChoosedMall').mallName
    //     }&shareMemberCode=${wx.getStorageSync('wxUserCode')}`)
    return {
      title: this.prodName,
      desc: '',
      path:
        bseUrl +
        `&mallCode=${wx.getStorageSync('userChoosedMall').mallCode}&mallName=${
          wx.getStorageSync('userChoosedMall').mallName
        }&shareMemberCode=${wx.getStorageSync('wxUserCode')}`,
      success: function(res) {
        console.log(res)
      },
      fail: function(err) {
        console.log(err)
      }
    }
  },

Answer 1

微信小程序在MAC上打开分享页面时出现白屏的问题，可能由多种因素导致。以下是一些可能的原因和排查步骤：

1. 路径问题：

   • 确保分享的path路径在MAC环境下是有效的。由于你的path中包含了从本地存储获取的多个参数（如mallCode、mallName、shareMemberCode），请确认这些参数在MAC上被正确读取。可以在onShareAppMessage方法中加入console.log来打印最终生成的path，检查其是否与预期一致。

2. 页面逻辑问题：

   • 检查/pages/goodsDetails/index页面的逻辑，确保它能够在所有平台上正常加载和执行。特别是与prodId、shareCode、roundId等参数相关的逻辑。
   • 验证页面是否有平台特定的代码或依赖，这些可能在MAC的微信开发者工具或模拟环境中不兼容。

3. 资源加载问题：

   • 如果页面依赖于外部资源（如图片、字体、CSS文件等），请确保这些资源在MAC环境下可访问且没有跨域问题。
   • 检查是否有JavaScript错误导致页面渲染中断。可以在微信开发者工具的控制台中查看是否有错误信息。

4. 微信开发者工具问题：

   • 有时候，微信开发者工具本身可能存在bug或兼容性问题。尝试更新到最新版本的微信开发者工具，并检查是否有相关的修复。
   • 尝试在不同的MAC机器上重现问题，以排除特定环境因素的影响。

5. 缓存问题：

   • 清除微信开发者工具的缓存和Cookies，然后重新打开分享链接，看是否解决问题。

6. 调试和日志：

   • 在onShareAppMessage的success和fail回调中增加更详细的日志记录，以便更好地了解分享过程的状态。
   • 在/pages/goodsDetails/index页面中加入适当的日志输出，以便跟踪页面加载和渲染过程中的关键步骤。

如果以上步骤都无法解决问题，可能需要更详细地检查代码或寻求微信小程序的官方支持。