Question

我在路由上实现解析器时遇到问题，因为在我将InitialDataResolver包含在路由模块中之前，它没有问题。

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 { }

initial-data.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();
          });

    });
  }

}

我遇到的错误是ERROR Error: "[object Object]"。请参阅下面的快照：

Answer 1

使用Mozilla Firefox时出现这种详细错误。因此，您需要做的是切换到Google Chrome来查看特定的错误。

有关更多详细信息，请检查this link以了解更多信息。

Answer 2

在控制台中，您可以存储

之类的错误。

ERROR错误：“ [object Object]”

作为全局变量

，然后从对象temp0.message中获取错误消息

Answer 3

我已经找到解决在Firefox中出现详细错误的解决方案。它基于定义自定义错误处理程序并自己检查错误属性。完成这些步骤后，错误将正确显示，无需切换到chrome。

定义自定义错误处理程序类：

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)
    }

}

然后将其注册为主要组件中的提供者

@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)
}

上面的代码将为您服务。

如果您的rxjs版本是6.x，则将使用.pipe(map(item => !!item))

Answer 5

此错误是由于错误的路由器声明引起的。 Firefox也永远不会出现确切的错误。检查Chrome中的路由文件。＃angularjs-route

Answer 6

如果您在没有--prod的情况下进行构建并在Web服务器中托管，则该错误可能会隐藏firefox上的详细信息；如果您在Web服务器上进行托管，则尝试使用--prod进行构建以获取有关错误的详细信息。

Answer 7

一次性解决方案：在dist / vendor.bundle.js中找到函数defaultErrorLogger并添加：

for (var _i = 1; _i < arguments.length; _i++) {
    values[_i - 1] = arguments[_i];
}
console.log(arguments);
console.error.apply(console, values); code here

然后刷新页面而无需重新编译

Answer 8

主要是在使用来自'@ angular / fire'的数据库对象时发现此错误

这可以通过使用this.db.object('/' + ....).subscribe(...)

来解决

解析器发出错误`ERROR错误：“ [对象对象]”`

8 个答案: