案例1：前端踩坑：wx.invoke undefined 终极解决

刚解决一个卡了很久的问题，分享给同样踩坑的前端同学

问题现象

项目集成某地图 SDK 时，wx.invoke 一直报 undefined：

• SDK 初始化成功，window.wx 能正常输出
• 但调用 wx.invoke 直接报错：is not a function
• 试过直接用 window.wx.invoke、检查 SDK 加载顺序，都没用
• 根本找不到哪个文件污染了全局 wx 对象

初步排查思路

1. 变量覆盖问题：项目中是否有其他地方重写了 wx 对象？
2. javascript
3. 运行
4. // 可疑代码：导出了一个 wx 常量 export const wx = window.wx
5. 这行代码会在模块层面创建一个静态引用，若 window.wx 后续被 SDK 动态挂载方法，这个导出的 wx 不会同步更新。
6. SDK 加载时机：jweixin.js 和 isgmap-wx.js 是否按顺序加载？
7. 必须先加载 jweixin-1.0.0.js
8. 再加载 isgmap-wx-2.0.0.min.js
9. 确保 window.wx 完全初始化后再调用方法

终极解决方案

既然找不到污染源，直接给微信 JS-SDK 的全局变量改名，彻底规避冲突：

1. 修改 jweixin.js 源码
2. 打开 jweixin-1.0.0.js，全局替换所有 wx 为 wxx（或其他自定义名）：
3. javascript
4. 运行
5. // 原代码 window.wx = {}; wx.invoke = function() {...} // 修改后 window.wxx = {}; wxx.invoke = function() {...}
6. 同步修改项目调用逻辑
7. 所有调用微信 SDK 的地方，把 wx 换成 wxx：
8. javascript
9. 运行
10. // 调用 invoke 方法（修复后） window.wxx.invoke('openLocation', { latitude: 25.42, longitude: 119.03, name: '定位点' }, (res) => { console.log('定位成功', res); });

✅ 效果验证

修改后，wxx.invoke 正常执行，地图定位功能完美跑通，再也没有 undefined 报错！

问题本质

项目里有依赖 / 代码提前污染了 window.wx，导致微信 SDK 无法挂载 invoke 方法。

直接改 SDK 全局变量名，是找不到污染源时最有效的兜底方案。

避坑小贴士

• 别静态导出 wx：export const wx = window.wx 会锁死快照，导致 SDK 后续挂载的方法不生效
• 全局变量冲突优先考虑「改名隔离」，比苦寻污染源高效得多