NullInjectorError: Нет поставщика для e!на угловой 7 - PullRequest
Новая
       21

NullInjectorError: Нет поставщика для e!на угловой 7

0 голосов
/ 13 декабря 2018

Я новичок на угловой вечеринке.Я получаю см. Изображение ошибки здесь У меня есть поиск в других блогах, и решение, которое они рекомендуют, - добавить сервис в app.module.ts ->, который я уже делаю.

Это мой app.module.ts 

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MaterialModules } from "./app.material.module";

import { AppComponent } from './app.component';
import { HomeComponent } from "./components/home/home.component";
import { DashboardComponent } from "./components/dashboard/dashboard.component";
import { NavbarComponent } from "./components/navbar/navbar.component";

import { AppRoutingModule } from './app-routing.module';
import { ChartsModule } from 'ng2-charts';

import { HttpErrorHandler } from "./helpers/http-error-handeler.service";
import { MessageService } from "./helpers/message.service";
import { DashboardService } from "./services/dashboard.service";

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        FormsModule,
        AppRoutingModule,
        ChartsModule
    ],
    declarations: [
        NavbarComponent,
        AppComponent,
        HomeComponent,
        DashboardComponent
    ],
    providers: [DashboardService],
    bootstrap: [AppComponent]
})
export class AppModule { }

Это мой компонент 

import { Component, OnInit } from '@angular/core';
import { Order } from "../../models/dashboardOrder";
import { DashboardService } from '../../services/dashboard.service';

@Component({
    selector: 'dashboard',
    templateUrl: 'dashboard.component.html'
})
export class DashboardComponent implements OnInit {

    constructor(private dash: DashboardService) {

    }

    ngOnInit() {

    }
}

, и мой сервис 

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Order } from "../models/dashboardOrder";

import { Observable } from 'rxjs';
import { catchError } from 'rxjs/operators';

@Injectable()
export class DashboardService {

    constructor(
        private http: HttpClient) {

    }

    GetOrdersShipped(stores: string): Observable<Order[]> {
        return null;
    }
}

Этот код в моем приложении IПолучаю исключение Null-инжектор , которое вы видели в ссылке в верхней части моего вопроса.Я добавил сервис в провайдеров mu app.module.ts.

Может кто-нибудь сказать мне, что мне не хватает в моих файлах для успешной настройки службы?

1 Ответ

0 голосов
/ 13 декабря 2018

Вам не хватает HttpClientModule в вашем модуле приложения.добавьте эту строку в начало вашего модуля приложения 

import { HttpClientModule } from '@angular/common/http';

, а эту строку - в раздел импорта вашего модуля 

@NgModule({
imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    AppRoutingModule,
    ChartsModule, 
    HttpClientModule
],
declarations: [
    NavbarComponent,
    AppComponent,
    HomeComponent,
    DashboardComponent
],
providers: [DashboardService],
bootstrap: [AppComponent]})
...