単純なコンポーネント

Question

用ませプロバイダが...それは5分前まで働いていたのは意味がありません これはコンポーネント

import { Component, OnInit } from '@angular/core'; 
import {Osobaa} from '../osobaa'; 
import { Osoba } from '../osoba'; 
import {OsobaService} from '../osoba.service'; 

@Component({ 
    selector: 'app-form-add', 
    templateUrl: './form-add.component.html', 
    styleUrls: ['./form-add.component.css'] 
}) 
export class FormAddComponent implements OnInit { 
    osoba : Osobaa; 
    constructor() { } 

    ngOnInit() { } 

} 

であり、これはメインapp.module.tsある

import { BrowserModule } from "@angular/platform-browser"; 
import { NgModule } from "@angular/core"; 
import {FormsModule} from "@angular/forms"; 

import { AppComponent } from "./app.component"; 
import { HeaderComponent } from "./header/header.component"; 
import { LoginFormComponent } from "./login-form/login-form.component"; 
import { FooterComponent } from "./footer/footer.component"; 
import { DashboardComponent } from "./dashboard/dashboard.component"; 
import { RouterModule, Routes } from "@angular/router"; 
import {UserService} from './user.service'; 
import {AuthguardGuard} from './authguard.guard'; 
import { UserComponent } from "./user/user.component"; 
import { NotfoundComponent } from './notfound/notfound.component'; 
import { TableViewComponent } from './table-view/table-view.component'; 
import {HttpClientModule} from '@angular/common/http'; 
import {OsobaService} from './osoba.service'; 
import { HttpModule } from '@angular/http'; 
import { FormAddComponent } from './form-add/form-add.component'; 



const appRoutes: Routes = [ 
    { 
    path: "", 
    component: LoginFormComponent 
    }, 
    { 
    path: "add" , 
    component: FormAddComponent 
    }, 
    { 
    path: "table", component : TableViewComponent 
    }, 
{ 
    path: "users/:name", 
    component : UserComponent 
}, 
    { 
    path: "dashboard", 
    canActivate:[AuthguardGuard], 
    component: DashboardComponent 
    }, 
    { 
    path: '**', 
    component: NotfoundComponent 
    } 
]; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HeaderComponent, 
    LoginFormComponent, 
    FooterComponent, 
    DashboardComponent, 
    UserComponent, 
    NotfoundComponent, 
    TableViewComponent, 
    FormAddComponent 
    ], 
    imports: [BrowserModule, RouterModule.forRoot(appRoutes),HttpModule,FormsModule], 
    providers: [UserService,AuthguardGuard,HttpClientModule,OsobaService], 
    bootstrap: [AppComponent] 
}) 
export class AppModule {} 

コンソールエラー：

エラー：未知（約束）：エラー：StaticInjectorError [FormAddComponent]： StaticInjectorError [FormAddComponent]： NullInjectorError：FormAddComponentのプロバイダがありません！ エラー：StaticInjectorError [FormAddComponent]： StaticInjectorError [FormAddComponent]： NullInjectorError：FormAddComponentのプロバイダがありません！

Answer 1

providersからモジュールHttpClientModuleを削除すると、importsのオプションがNgModuleになるはずです。また、アプリケーションの再ビルド/再実行を試みてください。

おそらく、コンポーネントをサービスに注入可能に注入しようとしています。