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) {
}
}

common.service.ts

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

Answer 1

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

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

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

import { CommonModule } from 'common';

例如

import { CommonService } from 'common';

然后它就会起作用。

现在，您希望库中已编译的实体等于直接编译到应用程序中的实体，这将不起作用(模块中的类与您正在导入的类不同(再次编译))