Angular9 cdk-virtual-scroll-viewport' is not a known element 报错解决方案
题外话
好久没更新博客了,不是因为最近没在学习,而是最近学的多了,感觉记流水账式的博文是在污染网络,以后的博文都会是网上不好找或找不到的问题
正文
在使用ng-zorro时利用cdk-virtual-scroll-viewport 这个标签做虚拟滚动时报了错,虽然只是在控制台报错,不影响实际显示结果,但能去除这个报错肯定是更好的。
- 首先,我们知道cdk-virtual-scroll-viewport' is not a known element这个报错是因为编译器在编译时,未能识别这个dom标签,而我们在使用时也的确未引入
如果我们是全引入ng-zorro是不会报这个错误的,这个错误发生在按需引用时
-
而我们知道,cdk-virtual-scroll-viewport是Angular的cdk内的一个标签,所以,我们需要引入这个标签
-
从node_modules中找到@angular包,找到cdk文件夹,我们发现了scrolling文件夹
-
我们需要引入它,根据scrolling-module.d.ts文件中的导出,我们找到了ScrollingModule
-
在Module中使用它,因为是小项目,所以我直接在app.module.ts中导入
import { ScrollingModule } from '@angular/cdk/scrolling';
- 并在@NgModule中imports中导入它
保存,编译,报错已消失。