如何使用DFX的ErrorManager来捕获js异常？

@Entry 
@Component 
struct CrashPage { 
  @State message: string = 'Hello World' 
  build() { 
    Row() { 
      Column() { 
        Button('捕获异常') 
          .onClick(() => { 
            let tempList = ['0', '1'] 
            tempList[5].toString() 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.

import UIAbility from '@ohos.app.ability.UIAbility'; 
import AbilityConstant from '@ohos.app.ability.AbilityConstant'; 
import errorManager from '@ohos.app.ability.errorManager'; 
import Want from '@ohos.app.ability.Want'; 
import window from '@ohos.window'; 
  
let registerId = -1; 
let callback: errorManager.ErrorObserver = { 
    onUnhandledException: (errMsg) => { 
        console.log(errMsg); 
    }, 
    onException: (errorObj) => { 
        console.log('onException, name: ', errorObj.name); 
        console.log('onException, message: ', errorObj.message); 
        if (typeof(errorObj.stack) === 'string') { 
            console.log('onException, stack: ', errorObj.stack); 
        } 
    } 
} 
let abilityWant: Want; 
  
export default class EntryAbility extends UIAbility { 
    onCreate(want: Want, launchParam: AbilityConstant.LaunchParam) { 
        console.log("[Demo] EntryAbility onCreate"); 
        registerId = errorManager.on("error", callback); 
        abilityWant = want; 
    } 
  
    onDestroy() { 
        console.log("[Demo] EntryAbility onDestroy"); 
        errorManager.off("error", registerId, (result) => { 
            console.log("[Demo] result " + result.code + ";" + result.message); 
        }); 
    } 
  
    onWindowStageCreate(windowStage: window.WindowStage) { 
        // Main window is created, set main page for this ability 
        console.log("[Demo] EntryAbility onWindowStageCreate"); 
  
        windowStage.loadContent("pages/index", (err, data) => { 
            if (err.code) { 
                console.error('Failed to load the content. Cause:' + JSON.stringify(err)); 
                return; 
            } 
            console.info('Succeeded in loading the content. Data: ' + JSON.stringify(data)); 
        }); 
    } 
  
    onWindowStageDestroy() { 
        // Main window is destroyed, release UI related resources 
        console.log("[Demo] EntryAbility onWindowStageDestroy"); 
    } 
  
    onForeground() { 
        // Ability has brought to foreground 
        console.log("[Demo] EntryAbility onForeground"); 
    } 
  
    onBackground() { 
        // Ability has back to background 
        console.log("[Demo] EntryAbility onBackground"); 
    } 
};
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.