构建Angular 6库时导出符号生成元数据遇错误

嘿，我来帮你搞定这个ng build时碰到的元数据生成错误！这种问题通常和Angular的装饰器处理、代码结构或者缓存有关，咱们一步步排查：

1. 先检查KeycloakService的基础配置 #

• 确保你的KeycloakService正确添加了@Injectable装饰器，比如：

  @Injectable({
    providedIn: 'root' // 或者指定对应的模块
  })
  export class KeycloakService {
    // ... 你的代码
  }
  

• 确认export关键字没有写错，导出符号的名称和文件名保持一致（虽然不是强制，但能避免很多奇怪的问题）

2. 聚焦错误提示的第18行代码 #

错误提示里明确提到第18行的元数据有问题，你可以重点检查这一行：

• 是不是在私有属性上误用了@Input/@Output这类Angular装饰器？
• 如果是注入依赖，比如constructor(private keycloak: KeycloakInstance)，要确保KeycloakInstance的类型是正确导出的，或者有没有用@Inject指定正确的注入token？
• 有没有定义复杂的未初始化泛型属性，导致Angular无法生成正确的元数据？

3. 清理构建缓存再试 #

Angular的缓存有时候会搞事情，尤其是在修改了服务结构之后：

• 先手动删除项目里的dist文件夹
• 执行npm cache clean --force清除npm缓存
• 重新安装依赖：npm install
• 最后再运行ng build

4. 检查TypeScript配置 #

打开项目根目录的tsconfig.json，确认以下配置：

• compilerOptions里的emitDecoratorMetadata设置为true（Angular项目默认是开启的，但如果被修改过就会出问题）
• 如果开启了strictMetadataEmit，它会严格检查元数据的合法性，你可以先把它设为false试试，如果能正常构建，就说明代码里有不符合严格元数据要求的地方，需要针对性修复

额外提示 #

如果你的KeycloakService依赖了外部库（比如官方的keycloak-js），要确保这个库的类型定义是正确的，或者在tsconfig.json的types数组里添加了对应的类型引用。

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