阅读(3740) (12)

Angular 4

2019-02-20 16:10:25 更新
1. 安装fundebug-javascript
npm install fundebug-javascript --save
2. 接入插件

修改app.module.ts

import { ErrorHandler } from '@angular/core';
import * as fundebug from "fundebug-javascript";
fundebug.apikey = 'API-KEY';

// 定义FundebugErrorHandler
export class FundebugErrorHandler implements ErrorHandler {
   handleError(err:any) : void {
     fundebug.notifyError(err);
   }
}

// 使用FundebugErrorHandler
@NgModule({
   // 其他代码
   providers: [ { provide: ErrorHandler, useClass: FundebugErrorHandler } ]
 })

其中,获取apikey需要免费注册帐号并且创建项目

参考
SystemJS

如果您使用SystemJS, 那么需要为fundebug-javascript配置相应的路径才能成功。

System.config({
 paths: {
      // paths serve as alias
      'npm:': 'node_modules/'
    },
    // map tells the System loader where to look for things
    map: {
      /* ... 其他配置 ...*/

      // other libraries
      /* ... 其他配置 ...*/
      'fundebug-javascript': 'npm:fundebug-javascript/release/fundebug.x.x.x.min.js'
    }, 
});

注意: fundebug.x.x.x.min.js中的x.x.x要改为插件的版本号,例如fundebug.0.3.1.min.js。