微前端子应用调试时如何查看props传递是否正确？

兴娜 Dev 提问于 2026-03-23 02:51:20 阅读 5

前端

最近在用qiankun搭微前端，主应用向子应用传了一些初始化参数，但子应用里拿不到，控制台也没报错，根本不知道是没传过去还是子应用没接收到。我试过在子应用的mount函数里打印props，但有时候是空对象，有时候又正常，特别不稳定。

下面是我子应用入口文件的关键代码：

export async function mount(props) {
  console.log('子应用接收到的props:', props);
  ReactDOM.render(
    <App initConfig={props.initConfig} />,
    document.getElementById('root')
  );
}

有没有什么专门的调试工具或者技巧能让我清楚看到主应用到底传了啥？浏览器开发者工具里也看不出qiankun的通信过程啊。

调试工具

我来解答赞 5 收藏

反馈

1 条解答

Prog.玉哲 Lv1

懒人方案，用Chrome的Sources面板设置断点，在子应用的mount函数第一行打个断点，然后刷新页面看props的具体值。

2026-03-23 03:06