为什么Angular中ng-zorro图标库某些图标显示异常?

2026-04-09 05:310阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计588个文字,预计阅读时间需要3分钟。

为什么Angular中ng-zorro图标库某些图标显示异常?

在ng-alain项目中,若使用ng-zorro图标库时,发现部分图标无法正常显示,同时在控制台出现错误提示ERROR: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered. at IconN。这可能是因为图标未正确注册或不存在。请检查以下步骤:

1. 确认使用的图标名称是否正确,并确保图标文件已正确导入。

2.在Angular模块中导入图标库。

3.在组件中使用图标时,确保使用正确的图标名称。

在ng-alain中,使用ng-zorro图标库,发现部分能正常显示,部分并不能显示,在控制台同时发现出错报错。

ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered.
at IconNotFoundError (ant-design-icons-angular.js:159)
at MapSubscriber.project (ant-design-icons-angular.js:343)
...

出现以上问题是没有对相对的图标进行导入,并导出。

ng-alain默认只导入了图标库的几十个图标,在 style-icons-auto.ts可进行查看。

阅读全文

本文共计588个文字,预计阅读时间需要3分钟。

为什么Angular中ng-zorro图标库某些图标显示异常?

在ng-alain项目中,若使用ng-zorro图标库时,发现部分图标无法正常显示,同时在控制台出现错误提示ERROR: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered. at IconN。这可能是因为图标未正确注册或不存在。请检查以下步骤:

1. 确认使用的图标名称是否正确,并确保图标文件已正确导入。

2.在Angular模块中导入图标库。

3.在组件中使用图标时,确保使用正确的图标名称。

在ng-alain中,使用ng-zorro图标库,发现部分能正常显示,部分并不能显示,在控制台同时发现出错报错。

ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered.
at IconNotFoundError (ant-design-icons-angular.js:159)
at MapSubscriber.project (ant-design-icons-angular.js:343)
...

出现以上问题是没有对相对的图标进行导入,并导出。

ng-alain默认只导入了图标库的几十个图标,在 style-icons-auto.ts可进行查看。

阅读全文