zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

Angular 应用 bootstrapModule 映射的 app Component 的初始化逻辑

AngularApp逻辑应用映射 初始化 Component
2023-09-14 09:04:00 时间

main.js 里指定的 AppModule 作为 bootstrap module:

该 module 包含的 bootstrap Component 为 AppComponent:

如果遇到 SAP Spartacus 白屏问题,首先检查这个 Component 的几个 hook 是否正常工作:

记住这些关键点,以后好调试:

可以看到,在 OnInit 执行内部,app-root 下面的 cx-storefront 就已经能看到了。

而在我的白屏 case 里,只能看到:

<app-root></app-root>

在 bootstrap 方法第一行设置断点:

此时 app-root 节点下面的子节点尚未生成。设置一个断点:

最后发现,是 componentFactory.create 方法里,触发的 dom 节点的生成以及视图的绘制工作:

更多Jerry的原创文章,尽在:“汪子熙”: