时间戳

首页 > 解决方案 > angular 9 依赖注入错误。" 该类不能通过依赖注入创建，因为它没有 Angular 装饰器

angular - angular 9 依赖注入错误。" 该类不能通过依赖注入创建，因为它没有 Angular 装饰器

问题描述

相同的代码在角度 8 中对我有用，但现在它给了我这个错误。“‘BaseService’类不能通过依赖注入创建，因为它没有 Angular 装饰器。这将导致运行时出错。

Either add the @Injectable() decorator to 'BaseService', or configure a different provider (such as a provider with 'useFactory')."

我只是想在这里实现简单的继承。

1）BaseService.ts（父类）

import { environment } from 'src/environments/environment';
import { HttpHeaders } from '@angular/common/http';

export class BaseService {
    url
    constructor(postfixUrl) {
        this.url = environment.backendUrl + postfixUrl
    }

    setUpHeaders() {
       return {
           headers: new HttpHeaders({
               'Content-Type': 'application/json'
           })
       }
} 
}

2）AuthService.ts（子类）

import { Injectable } from "@angular/core";
import {HttpClient} from '@angular/common/http'
import { BaseService } from './base.service';

@Injectable({
    providedIn: 'root'
  })

export class AuthService extends BaseService {
    url
    constructor(private http: HttpClient) {
        super('auth')
    }
    register(user) {
        return this.http.post(this.url, user, this.setUpHeaders())
    }
}

3) auth.module.ts

@NgModule({
  declarations: [
    AuthComponent,
    LoginComponent,
    RegisterComponent
  ],
  imports: [
    CommonModule,
    AuthRoutingModule,
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule


  ],
  providers: [AuthService, BaseService]
})
export class AuthModule { }

错误

标签： angular

解决方案

如果您想为单个模块使用服务，那么您不需要使用@Injectable({ providedIn: 'root' }).

两步：

  1. @Injectable()添加您的服务。
  2. providers: [ BaseService ]添加你的模块内部NgModule。

推荐阅读