Angular 应用 bootstrapModule 映射的 app 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的原创文章,尽在:“汪子熙”:
相关文章
- [AngularJS] Using the LocalForage library for offline storage with Angular
- [Angular] Remove divs to Preserve Style and Layout with ng-container in Angular
- [Angular] Create a simple *ngFor
- [Angular 2] @Input Custom public property naming
- [Angular 2] Using ng-for to repeat template elements
- [AngularJS] Lazy loading Angular modules with ocLazyLoad
- [AngularJS] Using angular.bootstrap to Initialize Your App
- [Angular] Isolate Scope. 1
- Angular应用ng serve命令行的学习笔记
- Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
- Angular InjectionToken APP_INITIALIZER multi 标志位不同值的情况讨论
- Angular 依赖注入机制根据providers定义生成注入实例的框架代码
- 我与无影的初体验:使用无影云桌面进行一个开源 Angular 项目的端到端测试
- Angular 应用里 ng-package.json 文件的作用是什么?
- 关于 SAP Spartacus Angular HTTP Interceptor 的拦截顺序
- Angular Form (响应式Form) 学习笔记
- Angular jasmine spied Method toHaveBeenCalled的执行原理
- Angular应用初始化APP_INITIALIZER
- 用SAP Spartacus 一个实际例子理解Angular <ng-template>的用法和工作原理
- Angular里的特殊字符ɵ和ABAP变量名里的特殊字符*
- Angular应用内路由(In App Route)的最佳实践