angular - angular-cli 1.2.6 中的 Raygun

Question

我正在使用 angular-cli 1.2.6 处理 angular 4 项目，所以在这里我想在我的应用程序中使用 Raygun 进行错误记录。我找不到任何有关安装 angular-cli 项目的文档，因为 angular 4 不是 system.config.js。

有人可以指导我在 Angular 4 应用程序上集成 Raygun 吗？

Answer 1

运行 npm install raygun4js --save

然后创建 app.raygun.setup.ts 文件

import * as rg4js from 'raygun4js';
import { ErrorHandler } from '@angular/core';
const VERSION_NUMBER = '1.0.0.0';
rg4js('apiKey', 'Your_API_Key');
rg4js('setVersion', VERSION_NUMBER);
rg4js('enableCrashReporting', true);
export class RaygunErrorHandler implements ErrorHandler {
  handleError(e: any) {
    rg4js('send', {
      error: e,
    });
  }
}

在 app.module.ts 中包含 raygun 依赖项

@NgModule({
  imports: [...],
  declarations: [...],
  providers: [{...}, { 
    provide: ErrorHandler, 
    useClass: RaygunErrorHandler 
  }],

Answer 2

你必须安装这个库：https ://github.com/LiberisLabs/raygun-angular2 。angular4 使用 webpack。