最近对老项目进行重构,遇到了一个很头疼是事情,就是重构完,图标出不来,浏览器报错:

    起初以为是新版本不兼容,但是发现本地ng-zorro和Angular版本相匹配 ;这就很头疼了,然后就去官网查看icon是如何引用的,发现官网icon模块的最下边,有说明:NG-ZORRO 本身用到的 icon 是静态引入的。而官网的图标是动态引入的。
     原来如此,官网上的图标icon代码都是动态加载的,但是项目中的ng-zorro默认使用的是静态加载;只需在angular.json文件中的assets添加如下内容:
      因为修改的是js文件,需要重新编译,项目重新运行该bug就解决了

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐