Angular 2

1. 安裝fundebug-javascript

npm install fundebug-javascript --save

2. 接入插件

修改app.module.ts

import { ErrorHandler } from '@angular/core';
var fundebug: any = require("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需要免費(fèi)注冊(cè)帳號(hào)并且創(chuàng)建項(xiàng)目。

參考

• Angular 文檔：ErrorHandler

SystemJS

如果您使用SystemJS, 那么需要為fundebug-javascript需要配置相應(yīng)的路徑才能成功。

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要改為插件的版本號(hào)，例如fundebug.0.3.1.min.js。