调用shareAsync函数遇错误及Promise未解析问题

我来帮你搞定调用shareAsync时碰到的这两个问题：Facebook接口的404请求错误，还有未解析的Promise警告。先把你遇到的错误信息列出来，方便我们分析：

POST https://www.facebook.com/react_composer/logging/ods/?event=bootload_start&attachment_type=MEDIA&dpr=1 404 ()
ErrorUtils捕获到错误："<![EX[["Async request failed with error %s: %s when requesting %s","404","Про..."。后续错误将不再记录；请查看https://fburl.com/debugjs。
POST https://www.facebook.com/react_composer/logging/ods/?event=bootstrap_start&attachment_type=MEDIA&dpr=1 404 ()
同时存在Promise未解析的问题。

问题拆解 #

1. 404请求错误：这是Facebook SDK内部的日志上报接口请求失败了，涉及到react_composer/logging/ods/路径下的bootload_start和bootstrap_start事件统计。这类错误大多是SDK版本兼容、环境限制（比如非HTTPS）或者配置问题导致的，很多时候不会直接影响分享的核心功能，但会在控制台抛错。
2. Promise未解析问题：shareAsync本身返回的是一个Promise对象，如果没有正确处理它的失败状态（比如没加catch块），当请求出错或者用户取消分享时，就会出现未捕获的Promise拒绝警告。

具体解决方案 #

先搞定Promise未解析的问题（优先级更高） #

不管分享成功还是失败，都要给Promise加上完整的错误处理，避免控制台警告。给你两种写法参考：

链式调用写法

shareAsync({
  // 你的分享配置，比如标题、链接、图片等
  content: {
    title: '我的分享内容',
    url: 'https://your-domain.com'
  }
})
.then(shareResult => {
  console.log('分享成功啦:', shareResult);
  // 这里可以加分享成功后的逻辑，比如弹窗提示
})
.catch(error => {
  console.error('分享失败或用户取消了:', error);
  // 处理失败情况，比如提示用户稍后再试
});

async/await写法

async function handleShareAction() {
  try {
    const shareResult = await shareAsync({
      // 填写你的分享配置参数
    });
    console.log('分享成功:', shareResult);
  } catch (error) {
    console.error('分享出问题了:', error);
  }
}

// 调用这个函数触发分享
handleShareAction();

再处理404请求错误 #

如果这个404错误让你很在意，或者确实影响了分享功能，可以试试这几个排查方向：

• 检查SDK版本：确保你用的是Facebook SDK的最新稳定版，旧版本可能存在已废弃的日志接口路径，更新版本大概率能解决这类问题。
• 验证环境要求：Facebook的分享接口一般要求页面运行在HTTPS环境下（本地localhost可以例外，但自定义域名的本地环境最好配置HTTPS），非HTTPS环境可能会导致SDK的部分请求被拦截。
• 核对SDK配置：确认初始化Facebook SDK时的appId、version等参数完全正确，而且你的Facebook应用后台已经把当前页面的域名加入了白名单。
• 暂时忽略（如果不影响功能）：如果分享功能本身正常，只是控制台抛这个404，那可以暂时忽略它——毕竟这是SDK内部的统计日志请求，不影响核心分享逻辑。

内容的提问来源于stack exchange，提问作者mrspd