Продолжайте получать NullInjectorError: Нет поставщика для инжектора! при попытке работать с магазином - PullRequest
Новая
       5

Продолжайте получать NullInjectorError: Нет поставщика для инжектора! при попытке работать с магазином

0 голосов
/ 02 ноября 2019

Я создаю веб-приложение, которое использует магазин. Я следую инструкции: https://coursetro.com/posts/code/151/Angular-Ngrx-Store-Tutorial---Learn-Angular-State-Management. Проблема в том, что у меня постоянно возникает следующая проблема: 

main.ts:13 NullInjectorError: StaticInjectorError(AppModule)[InjectionToken @ngrx/store Initial Reducers -> Injector]:
  StaticInjectorError(Platform: core)[InjectionToken @ngrx/store Initial Reducers -> Injector]:
    NullInjectorError: No provider for Injector!

Я считаю, что это связано с StoreModule.forRoot({}) ...

вот мой AppModule: 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './components/Home/home/home.component';
import { ContactComponent } from './components/Contact/contact/contact.component';
import { StatisticsComponent } from './components/Statistics/statistics/statistics.component';
import { TrainComponent } from './components/Train/train/train.component';
import { NavBarComponent } from './components/Navigation/nav-bar/nav-bar.component';
import { WidgetComponent } from './components/Home/home/Gesture Widget/widget/widget.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatCardModule } from '@angular/material';
import { MatChipsModule } from '@angular/material';
import { CriteriaEditorComponent } from './components/Home/home/criteria-editor/criteria-editor.component';
import { FormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material';
import { MatDialogModule } from '@angular/material';
import { MatInputModule } from '@angular/material';
import { DragAndDropComponent } from './components/Home/home/Drag And Drop/drag-and-drop/drag-and-drop.component';
import { DragDropModule } from '@angular/cdk/drag-drop';
import { MatExpansionModule } from '@angular/material';
import { MatButtonModule } from '@angular/material';
import { StoreModule } from '@ngrx/store';
import { reducer } from './reducers/conversion-table.reducer';

@NgModule({
    declarations: [
        AppComponent,
        HomeComponent,
        ContactComponent,
        StatisticsComponent,
        TrainComponent,
        NavBarComponent,
        WidgetComponent,
        CriteriaEditorComponent,
        DragAndDropComponent
    ],
    imports: [
        BrowserModule,
        StoreModule.forRoot({
            table: reducer
        }),
        MatButtonModule,
        MatExpansionModule,
        AppRoutingModule,
        BrowserAnimationsModule,
        MatCardModule,
        MatChipsModule,
        FormsModule,
        MatFormFieldModule,
        MatDialogModule,
        MatInputModule,
        DragDropModule
    ],
    providers: [],
    bootstrap: [AppComponent],
    entryComponents: [CriteriaEditorComponent]
})
export class AppModule {}

1 Ответ

0 голосов
/ 02 ноября 2019

Проверьте эту официальную ссылку .

  • Вам необходимо создать InjectionToken: 
export const REDUCER_TOKEN = new InjectionToken<ActionReducerMap<any>>('table', { factory: () => reducer });

и заменить any наинтерфейс / состояние вашего магазина.

  • И импортируйте токен в свой модуль: 
StoreModule.forRoot(REDUCER_TOKEN)
...