首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >犯错误- NullInjectorError:没有NgRedux的提供者!集成redux实现时

犯错误- NullInjectorError:没有NgRedux的提供者!集成redux实现时
EN

Stack Overflow用户
提问于 2018-11-01 09:48:38
回答 1查看 1.7K关注 0票数 1

我正在修改现有的项目以实现redux实现。进行代码更改,并在编译时发现以下错误。根据我所提到的学习材料,ngRedux不需要添加到提供者中。将其添加到提供程序后,仍然会出现错误。

代码语言:javascript
复制
 **AppModule.ts**
    //Activation of store.
    import {NgRedux , NgReduxModule} from '@angular-redux/store';
    import {IAppState,INITIAL_STATE,rootReducer} from '../store';
    //Other Imports here 
    @NgModule({
      declarations: [
        AppComponent,
        ViewallComponent,
        WorkoutComponent,
        CategoryComponent,
        TrackComponent,
        TestComponent,
        CategoryPipe,
        ActiveworkoutComponent,
        WorkoutPipe,
      ],
      imports: [
        BrowserModule,
        AppRoutingModule,
        FormsModule,
        ReactiveFormsModule,
        HttpModule,
        FusionChartsModule.forRoot(FusionCharts, Charts, FintTheme)
      ],
      providers: [
        WorkoutService,
        CategoryService,
        ActiveworkoutService
      ],
      bootstrap: [AppComponent]

    })

    export class AppModule { 
      constructor (ngRedux: NgRedux<IAppState>) {
           ngRedux.configureStore(rootReducer, INITIAL_STATE);
        }

    }

对组件进行了适当的更改,并制作了存储文件。

错误:

代码语言:javascript
复制
Error: StaticInjectorError(AppModule)[AppModule -> NgRedux]: 
  StaticInjectorError(Platform: core)[AppModule -> NgRedux]: 
    NullInjectorError: No provider for NgRedux!
Stack trace:
./node_modules/@angular/core/fesm5/core.js/NullInjector.prototype.get@http://localhost:4200/vendor.js:33896:19
resolveToken@http://localhost:4200/vendor.js:34133:17
tryResolveToken@http://localhost:4200/vendor.js:34077:16
./node_modules/@angular/core/fesm5/core.js/StaticInjector.prototype.get@http://localhost:4200/vendor.js:33974:20
resolveToken@http://localhost:4200/vendor.js:34133:17
tryResolveToken@http://localhost:4200/vendor.js:34077:16`enter code here`
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-01 10:00:48

您需要在导入NgReduxModule下添加module.ts

代码语言:javascript
复制
imports: [
    NgReduxModule
]
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53098747

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档