Vous avez installé vos Redux Devtools, créé votre store. Et pourtant, l'icone correspondant auxdits devtools ne s'éclaire pas dans Chrome, indiquant qu'aucun store n'a été détecté, et l'ouverture des outils de développement de Chrome (F12 puis onglet Redux) confirme cette triste réalité : pas de store détecté. Aucun message d'erreur pouvant vous mettre sur la voie ne s'affiche.
Dans mon cas, le problème était causé par l'ordre des imports. Il faut d'abord importer StoreModule, puis les dev-tools
//OK (d'abord l'import de StoreModule, ensuite l'import des dev tools)
//app.module.ts
@NgModule({
imports: [
BrowserModule,
// d'abord StoreModule ...
StoreModule.forRoot({ appState: reducer }),
// ... ensuite les devtools
StoreDevtoolsModule.instrument({
name: 'Plunch devtools',
maxAge:15
})
]
})
export class AppModule { }
// KO
//app.module.ts
@NgModule({
imports: [
BrowserModule,
StoreModule.forRoot({ appState: reducer }),
StoreDevtoolsModule.instrument({
name: 'Plunch devtools',
maxAge:15
})
]
})
export class AppModule { }
Pour d'autres développeurs, il a suffi de dispatcher une première action pour que les Redux devtools se réveillent :
no store found
Pour rester informer des dernières actu JavaScript, inscrivez vous à la newsletter