Angular 6自定义库报错：No provider for ComponentFactoryResolver

我之前也碰到过一模一样的情况，这种静态注入错误大多是库的依赖配置或者模块声明环节出了问题，咱们一步步排查解决：

• 检查库的依赖配置
  先打开库的package.json，确保@angular/core是放在peerDependencies字段里，而不是dependencies。因为Angular核心包应该由引入库的目标应用来提供，库自身不应该打包这个依赖，否则很容易出现版本冲突，导致注入逻辑失效。正确的配置示例：

  "peerDependencies": {
    "@angular/core": "^6.0.0"
  }
  

• 确认库模块的声明与导出
  检查你的库模块（比如MyLibModule），必须确保用到的组件已经被声明，并且导出给外部应用使用，这样Angular才能正确识别组件的依赖链：

  import { NgModule } from '@angular/core';
  import { MyLibComponent } from './my-lib.component';
  
  @NgModule({
    declarations: [MyLibComponent],
    exports: [MyLibComponent]
  })
  export class MyLibModule { }
  

• 目标应用中正确导入库模块
  在目标应用的AppModule里，一定要显式导入你的库模块，不然Angular找不到组件对应的依赖提供者：

  import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { AppComponent } from './app.component';
  import { MyLibModule } from 'my-lib'; // 替换成你的库名称
  
  @NgModule({
    imports: [BrowserModule, MyLibModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  

• 避免本地开发的双重Angular实例问题
  如果是用npm link做本地库调试，很容易出现目标应用和库加载两个不同的Angular核心实例，导致注入失败。这时候可以在目标应用的tsconfig.json里添加路径映射，直接指向库的编译产物：

  "compilerOptions": {
    // 其他配置...
    "paths": {
      "my-lib": ["../your-lib-path/dist/my-lib"] // 替换成你的库dist目录路径
    }
  }
  

• 清理缓存并重新构建
  最后，清理目标应用的node_modules，重新执行npm install，然后重新构建你的库（ng build your-lib-name），再启动目标应用的服务（ng serve）——很多时候缓存残留也会导致这类注入错误。

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