SB-聯繫-BS4-角4，加入服務

Question

我不斷收到錯誤

Error: Unexpected value 'SignupService' declared by the module 'SignupModule'. Please add a @Pipe/@Directive/@Component annotation.

雖然我已經注入的SignupModule 所有的依賴是我的代碼

//SignupModule 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { CommonModule } from '@angular/common'; 

import { SignupRoutingModule } from './signup-routing.module'; 
import { SignupComponent } from './signup.component'; 

import {SignupService} from './signup.component.service'; 


@NgModule({ 
imports: [ 
    CommonModule, 
    FormsModule, 
    SignupRoutingModule 
], 
declarations: [ 
    SignupComponent, 
    SignupService] 
}) 
export class SignupModule { } 

here is the signup.component

import { Component, OnInit } from '@angular/core'; 
import { routerTransition } from '../router.animations'; 

import { SignupService } from './signup.component.service'; 

@Component({ 
    selector: 'app-signup', 
    templateUrl: './signup.component.html', 
    styleUrls: ['./signup.component.scss'], 
    animations: [routerTransition()], 
    providers:[ SignupService] 
}) 

export class SignupComponent implements OnInit { 
user:user; 

    constructor(signupService:SignupService) { 
    console.log(signupService.register()); 
    this.user={ 
     firstName:'', 
     middleName:'', 
     lastName:'', 
     gender:'', 
     email:'', 
     password:'', 
     repeatPassword:'' 
    } 
} 

ngOnInit() { } 

signup(){ 
    console.log(this.user); 
} 
} 


interface user{ 
    firstName:string, 
    middleName:string, 
    lastName:string, 
    gender:string, 
    email:string, 
    password:string, 
    repeatPassword:string 
} 

here is the signup.component.service

export class SignupService{ 
register(){ 
    console.log('service'); 
    return 'test'; 
    } 
} 

Answer 1

服務必須提供未聲明。從app.module.ts的聲明部分刪除SignupService它應該做的伎倆。