2017-05-30 44 views
6

問題: 錯誤:沒有提供商店!錯誤:沒有提供商店!當使用Angular 4.0試用@ ngrx/store時

我的Bootstrap店模塊中main.ts:

platformBrowserDynamic().bootstrapModule(AppModule,[ 
    provideStore({ 
    characters, 
    vehicles 
    }) 
]); 

和注射到vehicle.component.ts:

constructor(
    private _route: ActivatedRoute, 
    private _router: Router, 
    private _vehicleService: VehicleService, 
    private _store: Store<any> 
) {} 

完整的源代碼是在這裏:GitHub, 最後版本運行on GitHub Pages

PS。將存儲添加到提供程序會導致另一個錯誤: 無法解析存儲的所有參數:(?,?,?)。

回答

4

在app.module.ts補充:

import { Store, StoreModule } from '@ngrx/store'; 

@NgModule({ 
    imports:  [ 
        StoreModule.provideStore({ characters, vehicles }), 
        ... 
+0

你是我的英雄! Sanks! –

10

我有這個錯誤,因爲在我的組件自動導入進口Storeimport { Store } from '@ngrx/store/src/store'而不是 import { Store } from '@ngrx/store'; 。無論如何,這是角5

+1

剛剛有同樣的問題,甚至沒有注意到它!感謝這篇文章,你省了我一些時間:) – spyter

+0

謝謝,由於某種原因,我的自動導入從'ngrx/store'進口商店 – Dieterg

0

只是爲了完整起見,具有角5/4.1.1 NGRX這將是(在app.module.ts):

import { StoreModule } from '@ngrx/store'; 
import { reducers } from './reducers/reducers'; 

@NgModule({ 
    imports: [  
     StoreModule.forRoot(reducers), 
     ... 
    ], 
    ... 

有一個完整的例子here

相關問題