Angular中导入custom-icons库的completeIconSet常量为何为undefined？

以下是可能导致该问题的核心原因：

1. 库入口文件未导出completeIconSet #

图标库的入口文件（index.ts/index.mjs）是外部项目导入的唯一入口点。如果入口文件没有显式从build/complete-icon-set.ts中导出completeIconSet，外部项目就无法通过import { completeIconSet } from 'custom-icons'获取到该常量。

检查index.ts内容，确认是否存在类似以下的导出语句：

export { TxIcon } from './build/tx-icon.model';
export { completeIconSet } from './build/complete-icon-set';

2. 构建流程未正确整合completeIconSet #

虽然build/complete-icon-set.ts内部有正确导出，但svg-to-ts工具或你的构建脚本可能未将该文件内容纳入最终的库打包产物：

• 检查package.json中的main/module/types字段，确认其指向的文件是否包含completeIconSet的导出
• 验证构建脚本是否将complete-icon-set.ts纳入了编译范围

3. 类型定义文件与实际导出不同步 #

index.d.ts作为类型声明入口，需要同步声明completeIconSet的导出。如果类型文件中缺少对应声明，可能出现TS编译报错或运行时实际未导出的情况。

检查index.d.ts是否包含：

import { TxIcon } from './build/tx-icon.model';
export const completeIconSet: TxIcon[];

4. 包名与文件夹命名匹配问题 #

你的node_modules中文件夹名为custom_icons（下划线），但导入时使用的是custom-icons（短横线），需确认package.json中的name字段是否为custom-icons，避免因包名不匹配导致导入异常。

内容的提问来源于stack exchange，提问作者Yogesh