Question

更新

更新到Angular v4后，我收到以下错误（我没有更改代码）。

ERROR in Invalid provider for ErrorHandler in /Users/otusweb/Documents/KeynoteTweet/web/node_modules/@angular/core/core.d.ts. useClass cannot be null.
       Usually it happens when:
       1. There's a circular dependency (might be caused by using index.ts (barrel) files).
       2. Class was used before it was declared. Use forwardRef in this case.

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/Users/otusweb/Documents/KeynoteTweet/web/src'
 @ ./src/main.ts 4:0-74
 @ multi ./src/main.ts

原始问题

我尝试在我的angular 2应用中设置自定义全局错误处理程序，以将其发送到rollbar。我关注了https://www.bennadel.com/blog/3138-creating-a-custom-errorhandler-in-angular-2-rc-6.htm和https://netbasal.com/angular-2-custom-exception-handler-1bcbc45c3230

当我在开发模式下运行时，一切都很好。一旦我为prod（ng build --prod）构建，我在浏览器中收到以下错误：

Error: No ErrorHandler. Is platform module (BrowserModule) included?

这是代码：误差handling.ts

import { RollbarService } from  'angular-rollbar/lib';
import { ErrorHandler } from '@angular/core';
import { Inject } from "@angular/core";
import { Injectable } from "@angular/core";
import { isDevMode } from '@angular/core';

@Injectable()
export default class CustomErrorHandler extends ErrorHandler {
  private rollbar:RollbarService;

  constructor(rollbar: RollbarService) {
    // The true paramter tells Angular to rethrow exceptions, so operations like 'bootstrap' will result in an error
    // when an error happens. If we do not rethrow, bootstrap will always succeed.
    super(true);

    this.rollbar = rollbar;
  }

  handleError( error: any ) : void {
    if(!isDevMode()) 
    {
    // send the error to the server
    this.rollbar.error(error.message, error);
    }
    else
    {
    console.log("skipping rollbar");
    }

    // delegate to the default handler
    super.handleError(error); 
  }
}

和app.module（没有导入）

    @NgModule({
  declarations: [
      AppComponent,
      PresentationsComponent,
      PresentationDetailComponent,
      SlideDetailComponent,
      HomeComponent,
      NotFoundComponent
  ],
  imports: [ 
      BrowserModule,
      FormsModule,
      HttpModule,
      AppRoutingModule,
      InlineEditorModule,
      RollbarModule.forRoot({
        accessToken: 'xxxxxtokenxxxx',
      }),
      NgbModule.forRoot()
  ],
  providers: [
    { provide: ErrorHandler, useClass: CustomErrorHandler },
    PresentationService,
    SlideService,
    Auth,
    {
      provide: AuthHttp,
      useFactory: authHttpServiceFactory,
      deps: [ Http, RequestOptions ]
    },
  AuthGuard,
  LoggedOutGuard],
  bootstrap: [AppComponent]
})

我错过了什么？

Answer 1

发现问题，我的自定义错误处理程序的app模块中的导入缺少大括号......

import  CustomErrorHandler  from './error-handling';

而不是

import { CustomErrorHandler } from './error-handling';

Answer 2

看起来您的某个子模块找不到BrowserModule，请尝试将其添加到导出中，如：

exports: [
  BrowserModule,
]

Answer 3

我遇到了完全相同的问题，但是添加花括号会产生另一个错误，除了添加花括号之外，我还必须删除error-handling.ts中的“默认”：

更改：

 @Injectable()
 export default class CustomErrorHandler extends ErrorHandler {

作者：

 @Injectable()
 export class CustomErrorHandler extends ErrorHandler {

并添加括号：

import { CustomErrorHandler } from './error-handling';

Angular：只有在为prod构建时才会发现模块未找到错误

3 个答案: