NullInjectorError：库中没有服务提供者

Question

问题：

我在 angular 工作区工作，我将common.module.ts从库（用ng generate library的库）导入到我的app.module.ts ，但是当我在app.component.ts CommonService ，我得到错误：

main.ts:11 ERROR NullInjectorError: R3InjectorError(AppModule)[CommonService -> CommonService -> CommonService]: 
  NullInjectorError: No provider for CommonService!

common.module.ts中有一个CommonService提供程序，所以我希望在组件中注入服务时不会发生错误。

代码：

库模块common.module.ts

import { NgModule } from '@angular/core';
import { CommonComponent } from './common.component';
import { HttpClientModule } from '@angular/common/http';
import { CommonService } from './common.service';

@NgModule({
    declarations: [],
    imports: [],
    exports: [],
    providers: [
        CommonService
    ]
})
export class CommonModule {

}

应用模块app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';
import { CommonModule } from 'common';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        HttpClientModule,
        CommonModule
    ],
    providers: [
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

app.component.ts

import { Component } from '@angular/core';
import { CommonService } from '../../../common/src/lib/common.service';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.less']
})
export class AppComponent {

    constructor(private common2: CommonService) {
    }
}

公共服务.ts

@Injectable()
export class CommonService {
  constructor() {
    this.initProps();
  }
}

Answer 1

您使用的注入令牌与模块中使用的注入令牌不同，因为您直接使用

import { CommonService } from '../../../common/src/lib/common.service';

通过库中的 public-api 公开它，然后像使用模块一样通过 public api 使用它

import { CommonModule } from 'common';

例如

import { CommonService } from 'common';

然后它就会起作用。

现在你期望库中的编译实体等于直接编译到你的应用程序中的实体，这是行不通的（模块中的类与你正在导入的 class 不同（再次编译））