Resolver Emitting Error ` ERROR Erreur : "[objet Objet]" `

Question

J'ai un problème avec l'implémentation d'un résolveur sur mes routes car il n'y a aucun problème jusqu'à ce que j'inclue InitialDataResolver sur mon module de routage.

pages-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { FrontComponent } from '../layouts/front/front.component';
import { HomeComponent } from './home/home.component';
import { DocsComponent } from './docs/docs.component';
import { InitialDataResolver } from './../shared/resolvers/initial-data.resolver';

const routes: Routes = [
  {
    path: '',
    component: FrontComponent,
    children: [
      { path: '', component: HomeComponent },
      { path: 'docs', component: DocsComponent }
    ],
    resolve: {
      init: InitialDataResolver
    },
  }
];

@NgModule({
  imports: [ RouterModule.forChild(routes) ],
  exports: [ RouterModule ],
  providers: [ InitialDataResolver ]
})
export class PagesRoutingModule { }

données initiales.resolver.ts

import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';
import { Observer } from 'rxjs/Observer';
import { AppInitService } from '../services/app-init.service';
import { Observable } from 'rxjs/Observable';

@Injectable()
export class InitialDataResolver implements Resolve<any> {

  constructor(private appInitService: AppInitService) {}

  resolve(route: ActivatedRouteSnapshot,
          state: RouterStateSnapshot): Observable<any> {
    return Observable.create((observer: Observer<any>) => {

      this.appInitService.init()
          .subscribe(data => {
            this.appInitService.preload();
            observer.next(data);
            observer.complete();
          });

    });
  }

}

L'erreur que je rencontre est la suivante ERROR Error: "[object Object]" . voir l'instantané ci-dessous :

Answer 1

Cette erreur d'absence de détails est survenue lors de l'utilisation de Mozilla Firefox . donc ce que vous devez faire est de passer à Google Chrome pour voir l'erreur spécifique.

MISE À JOUR :

Vous pouvez également enregistrer l'erreur en tant que variable globale.

alors vous pouvez taper temp0.message pour voir le message d'erreur réel

Answer 2

Dans la console, vous pouvez enregistrer les erreurs comme

ERROR Erreur : "[objet Objet]"

comme variable globale

et ensuite obtenir un message d'erreur de l'objet temp0.message

Answer 3

J'ai trouvé une solution pour les erreurs détaillées dans Firefox. Elle est basée sur la définition d'un gestionnaire d'erreur personnalisé et l'inspection des propriétés de l'erreur par vous-même. Après ces étapes, les erreurs ont été affichées correctement, pas besoin de passer à chrome.

1. Définir une classe de gestionnaire d'erreurs personnalisée :

   import { ErrorHandler } from '@angular/core'

   export class MyErrorHandler implements ErrorHandler {

   handleError(error: any) {
       // console.error(Object.getOwnPropertyNames(error))
       // Object.getOwnPropertyNames(error).forEach(p => console.error(error[p]))
       console.error(error.fileName, error.lineNumber, ':', error.columnNumber, '\n', error.message, error.rejection)
   }

   }

2. Puis l'enregistrer comme fournisseur dans le composant principal

   @NgModule({ declarations: [] imports: [] providers: [{provide: ErrorHandler, useClass: MyErrorHandler}], // <-- register MyErrorHandler bootstrap: [RootComponent] }) export class AppModule { }

Answer 4

resolve(route: ActivatedRouteSnapshot,
      state: RouterStateSnapshot): Observable<any> {
    return Observable.create((observer: Observer<any>) => {

      this.appInitService.init()
          .subscribe(data => {
            this.appInitService.preload();
            observer.next(data);
            observer.complete();
          });

    }).map(item => !!item)
}

Le code ci-dessus fonctionnera pour vous.

si votre version de rxjs est 6.x vous utiliserez .pipe(map(item => !!item))

Answer 5

Cette erreur est due à une mauvaise déclaration du routeur. De même, cette erreur ne se produit jamais dans Firefox. Vérifiez le fichier route dans chrome. #angularjs-route