点击addthis分享按钮报未定义错误、社交图标不显示如何解决？

• 确认AddThis异步脚本加载完成后再执行相关调用
  你引入的是异步脚本，脚本下载、解析、执行完成前window.addthis对象不存在，此时调用相关方法必然抛出未定义错误。可以通过脚本onload事件或者AddThis自带的回调标记加载状态：

// 全局标记AddThis加载状态
let addthisReady = false;
// 方式1：给script标签加onload回调
const addthisScript = document.createElement('script');
addthisScript.src = '你的AddThis服务脚本地址';
addthisScript.async = true;
addthisScript.onload = () => {
  addthisReady = true;
  // 首次加载完成后执行一次init即可，不需要每次调用都执行
  window.addthis.init();
};
document.head.appendChild(addthisScript);

// 方式2：使用AddThis官方提供的就绪回调
window.addthis_callback = () => {
  addthisReady = true;
  window.addthis.init();
};

• 调用AddThis方法前增加存在性校验
  点击分享按钮触发逻辑时，先判断对象是否存在，未加载完成可以做短时间延迟重试：

async function shareBtnClickHandler(companyId) {
  // 等待AddThis加载完成，最多重试5次，每次间隔200ms
  let retry = 0;
  while(retry < 5 && !window.addthis) {
    await new Promise(resolve => setTimeout(resolve, 200));
    retry++;
  }
  if (!window.addthis) {
    console.warn('分享工具加载失败，请刷新页面后重试');
    return;
  }
  // 执行你的AJAX请求逻辑，获取对应公司分享代码插入DOM
  // 插入完成后只需调用refresh方法刷新，不需要再次init
  window.addthis.layers.refresh();
}

• 排查初始化调用逻辑错误
  addthis.init()方法仅需在脚本首次加载完成后调用1次即可，每次插入动态分享代码后只需调用addthis.layers.refresh()方法，重复调用init会导致逻辑冲突。
• 检查脚本加载拦截问题
  如果脚本加载完成后依然不存在addthis对象，查看控制台网络请求与安全报错，确认是否存在跨域拦截、内容安全策略(CSP)拦截、广告拦截插件拦截AddThis脚本的情况，按需调整站点安全配置。
• 校验返回的分享代码格式
  确认process.php返回的分享代码符合AddThis规范，没有语法错误，插入DOM后容器没有被CSS设置为隐藏，导致图标渲染后不可见。

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