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

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的原创文章，尽在：“汪子熙”:

Angular 应用 bootstrapModule 映射的 app Component 的初始化逻辑相关推荐

【Angular】在angular2的app.component.html中使用 *ngIf 更改路由出口router-outlet
实际项目中使用到,在此记录一个正常的pc端需要兼容大屏,之前已经写过如何做兼容-> [CSS]网页如何快速适应大屏显示,快速自适应,旧版网站改造, 这次是对路由相关问题做了些优化: 原来的错误 ...
Angular应用内路由(In App Route)的最佳实践
Angular官网里关于路由开发的最佳实践指导: In Angular, the best practice is to load and configure the router in a sepa ...
Cant bind to ngModel since it isnt a known property of input.ngtsc(-998002) app.component.ts(8, 7):
angular2在双向数据绑定时[(ngModel)]无法使用,出现的错误是: Cant bind to ngModel since it isnt a known property of input ...
Angular应用里的tsconfig.app.json
tsconfig.app.json是tsconfig.json的扩展: 在应用工程文件angular.json里的tsConfig字段处被引用: ng build后的输出: 2020年10月4日国庆节 ...
php内存映射,如何用ZwMapViewOfSection将Driver分配的内存映射到App空间？
保存在DDK的例子Mapmem中,用ZwMapViewOfSection将物理地址映射到App空间,该函数能否将系统地址映射到App空间? 我尝试着做了一下,但返回invalid_view_size ...
微信小程序（看文档写实例九）微信小程序课堂宝APP实现练习模块逻辑代码
接上篇博文,这篇主要描述练习模块的代码逻辑,其中包括test页面,答题detail页面以及提交答题后答卷answer页面. 一.test页面 test页面其实就是从服务器获得章节练习题的内容,然后统计 ...
我为虎嗅设计APP（一）-逻辑梳理
前段时间粗略分析了一下虎嗅APP逻辑架构里面的一些不足之处,今天就个人对虎嗅APP的理解重新梳理了一下虎嗅APP的逻辑架构. 此处着重说明一下为啥要将搜索功能拿出来.搜索,顾名思义,利用用户提供的关键 ...
猿创征文｜ES索引字段映射类型以及ES底层打分逻辑
ES中映射可以分为动态映射和静态映射动态映射: 在关系数据库中,需要事先创建数据库,然后在该数据库下创建数据表,并创建表字段.类型.长度.主键等,最后才能基于表插入数据.而Elasticsearch ...
易华录 X ShardingSphere｜葫芦 App 后台数据处理的逻辑捷径
"ShardingSphere 大大简化了分库分表的开发和维护工作,对于业务的快速上线起到了非常大的支撑作用,保守估计 ShardingSphere 至少为我们节省了 4 个月的研发成本.& ...

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

Angular 应用 bootstrapModule 映射的 app Component 的初始化逻辑相关推荐

最新文章

热门文章