Angular类库中Deferrable Views无法正常工作问题求助
Angular类库中Deferrable Views无法正常工作问题求助
大家好,我最近在给Angular组件实现延迟加载视图(Deferrable Views)时遇到了棘手的问题,想请各位帮忙排查下。
具体场景是:我要做延迟加载的组件属于一个类库,这个类库会被另一个仓库的父项目引入使用。在同一个项目内的组件里测试defer语法时一切正常,但把它放到类库中、被外部项目导入使用时就出问题了,主要有两个核心异常:
- 代码没有被拆分到独立的新bundle中,而是直接和类库的主bundle打包在一起加载
- 占位元素会短暂显示后就消失,检查HTML发现延迟加载组件的子元素完全不存在,只剩一个空的占位壳子
我已经确认满足以下前提条件:
- 主项目和类库项目都使用Angular 17版本
- 延迟块使用了
on viewport条件来触发加载 - 延迟块内的组件是独立组件(standalone component)
- 该组件除了在延迟块中,没有在其他任何地方被使用,也没有通过
ViewChild进行引用
想问问大家,是不是我哪里操作有误?或者还有什么额外的配置要求我没注意到?
备注:内容来源于stack exchange,提问作者Pravesh Shetty
相关产品推荐
相关产品推荐

