uni-app最新版本eventChannel.on无法获取到传递的数据

uni-app最新版本eventChannel.on无法获取到传递的数据

cli最新版本有问题，切换到老版本是好的；

开发环境 版本号 项目创建方式
cli 最新版本 -
cli 老版本 -
8 回复

根据您描述的问题，CLI模式下eventChannel无法获取数据而HBuilder打包正常，这通常与CLI环境的polyfill配置有关。
在uni-app中，eventChannel是页面间通信的重要机制，您的代码写法基本正确。但CLI模式下可能存在以下问题：

CLI环境polyfill缺失：CLI模式下可能未正确注入eventChannel所需的运行时支持
页面生命周期时机问题：部分情况下CLI模式下onLoad执行过早，建议同时在onReady中尝试获取

解决方案： onLoad(options) {
// 添加延迟确保eventChannel已初始化
setTimeout(() => {
const eventChannel = this.getOpenerEventChannel();
eventChannel.on(“sendData”, ({ data }) => {
console.log(‘received:’, data);
});
}, 100);
},
onReady() {
// 双重保障
const eventChannel = this.getOpenerEventChannel();
eventChannel.on(“sendData”, ({ data }) => {
console.log(‘received in ready:’, data);
});
} 建议检查：

确保HBuilderX CLI版本≥4.85（当前正式版）
在manifest.json中确认已启用"页面通信"权限
避免在首页onReady前进行页面跳转

详细文档参考：页面路由-EventChannel
若仍无法解决，可尝试使用全局状态管理替代方案：Vuex状态管理 内容为 AI 生成，仅供参考

更多关于uni-app最新版本eventChannel.on无法获取到传递的数据的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据描述，eventChannel在CLI模式下无法正常接收数据，但在HBuilderX打包下正常，这可能是CLI模式下的事件通道初始化时机问题。建议尝试以下解决方案：
在接收页面改用onReady生命周期替代onLoad，确保事件监听器已注册： onReady() {
const eventChannel = this.getOpenerEventChannel();
eventChannel.on(“sendData”, ({ data }) => {
console.log(data); // 123
});
} 或者在发送端改用events参数预定义事件（兼容性更好）： uni.navigateTo({
url: ‘/pages/reserve/index’,
events: {
sendData: (data) => {
console.log(data); // 123
}
},
success: function(navRes) {
navRes.eventChannel.emit(“sendData”, {
data: 123,
});
}
}); 更多细节可参考通信文档。若仍无效，请检查CLI环境版本是否与HBuilderX一致。
内容为 AI 生成，仅供参考

ai回复的方法无效

哪个端，vue版本是多少？

支付宝 vue2.6

回复 拉芳: 参考这个 https://github.com/dcloudio/uni-app/issues/5883

回复 DCloud_UNI_JBB: 感谢回复 根据issues的方法已经修复啦

在uni-app最新版本中，eventChannel.on无法接收数据的问题，通常与底层框架更新或事件通道初始化时序有关。以下是几个关键排查点：

  1. 事件触发时机：确保在接收页面注册监听器（onLoad或onReady）后，发送方再触发事件。建议在发送页面使用nextTick延迟发送，例如：

    uni.$nextTick(() => {
  this.$emit('eventName', data);
});

  2. 事件名称一致性：检查发送方（eventChannel.emit）与接收方（eventChannel.on）使用的事件名称是否完全一致，包括大小写。

  3. 生命周期兼容性：部分版本中，onLoad阶段事件通道可能未就绪。可尝试在onReady中监听事件，或使用全局事件总线（如Vue的EventBus）作为临时替代方案。

  4. 版本差异处理：若确认最新版本存在兼容性问题，可暂时锁定版本至稳定旧版（如3.0.0-3070920231214001）。在package.json中指定版本号并重新安装依赖：

    "devDependencies": {
  "@dcloudio/uni-cli-shared": "3.0.0-3070920231214001"
}
回到顶部