[angular + ngzorro报错]the icon appstore-o does not exist or is not registered.

原因是在build项目的时候找不到路径导致的

解决方案
在angular.js 中加入
在这里插入图片描述

   {
                "glob": "**/*",
                "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
                "output": "/assets/"
              }
在使用 `@ant-design/icons-angular` 这个Angular组件库的时候,如果遇到“icon plus-o does not exist or is not registered”的错误,通常是因为在你的代码中引用了一个不存在的图标或者图标的注册出现了问题。这个库提供了Ant Design的所有图标,并且为了在Angular中使用,你需要正确地导入和注册这些图标。以下是可能的解决步骤: 1. 确保你已经正确安装了 `@ant-design/icons-angular` 这个npm包。 2. 检查你是否已经按照文档导入了所需的图标组件。例如,如果你想要使用 `plus-o` 图标,你需要先导入它: ```typescript import { PlusOutlined } from '@ant-design/icons-angular/icons'; ``` 请注意,图标名称是大小写敏感的,并且必须与库中定义的名称完全匹配。 3. 确认你是否在组件或模块中正确地注册了该图标。如果你使用的是Angular模块来注册图标,确保你在模块文件中添加了 `ANTDesignIconsModule`,并且正确导入了 `PlusOutlined` 组件。 ```typescript import { ANTDesignIconsModule } from '@ant-design/icons-angular'; import { PlusOutlined } from '@ant-design/icons-angular/icons'; @NgModule({ imports: [ // 其他模块... ANTDesignIconsModule, // 其他模块... ], declarations: [ // 你的组件... ], // 其他配置... }) export class AppModule { } ``` 4. 检查你的模板或组件类中的代码,确保在调用图标时使用了正确的方式。例如,如果你在模板中使用它,你可以这样写: ```html <a-icon type="plus-o"></a-icon> ``` 注意这里使用的是 `type` 属性来指定图标名称,而且图标名称是 `plus-o`,不是 `PlusOutlined`。 如果以上步骤都确认无误,而问题依旧存在,可能需要检查是否有版本兼容问题或者其他配置错误。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值