码迷,mamicode.com
首页 > 其他好文 > 详细

Angular9 cdk-virtual-scroll-viewport' is not a known element 报错解决方案

时间:2020-06-28 19:03:45      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:import   not   需要   更新   loading   网络   scrolling   未能   strong   

题外话

好久没更新博客了,不是因为最近没在学习,而是最近学的多了,感觉记流水账式的博文是在污染网络,以后的博文都会是网上不好找或找不到的问题

正文

在使用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中导入它

保存,编译,报错已消失。

Angular9 cdk-virtual-scroll-viewport' is not a known element 报错解决方案

标签:import   not   需要   更新   loading   网络   scrolling   未能   strong   

原文地址:https://www.cnblogs.com/raonet/p/13204244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!