会话超时注销::由setTimeout调用时出现RouterExtensions错误

如何解决会话超时注销::由setTimeout调用时出现RouterExtensions错误

我正在尝试在空闲一段时间后实现会话超时。

当用户登录时，我正在启动一个计时器，该计时器将在一个时间间隔后将用户注销，并将其路由回登录表单。

如果发生事件（点击），我想清除计时器（此处为5秒）并启动一个新计时器，从而使用户保持登录状态。

这是login.component.ts中的setTimout调用：

var timeoutId=setTimeout(this.funcService.logout,5000);
ApplicationSettings.setNumber("timeoutId",timeoutId);

这是具有注销功能的func.service.ts。

import {Injectable} from '@angular/core';
import {RouterExtensions} from "nativescript-angular/router";
import * as ApplicationSettings from "@nativescript/core/application-settings";

@Injectable({   providedIn: 'root' })
export class FuncService {
    
  constructor(
    private routerExtensions: RouterExtensions
  ) {
  }

  logout(): void {

    ApplicationSettings.setBoolean("authenticated",false);
    ApplicationSettings.remove("token");

    this.routerExtensions.navigate(["./login"],{clearHistory: true});
  }  
}

app.component.html

<page-router-outlet actionBarVisibility="never" (tap)=onEvent()></page-router-outlet>

app.component.ts

 onEvent() {
    var timeoutId=ApplicationSettings.getNumber("timeoutId");

    ApplicationSettings.remove("timeoutId");

    clearTimeout(timeoutId);

    var timeoutId=setTimeout(this.funcService.logout,5000);
    ApplicationSettings.setNumber("timeoutId",timeoutId);
  }

当计时器耗尽并调用this.funcService.logout时，我得到了错误消息：

JS: ### ErrorHandler Error: TypeError: Cannot read property 'routerExtensions' of undefined
JS: ### ErrorHandler Stack: TypeError: Cannot read property 'routerExtensions' of undefined
JS:     at webpackHotUpdate../shared/func.service.ts.FuncService.logout (file:///app\shared\func.service.ts:35:9)
JS:     at ZoneDelegate.push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.ZoneDelegate.invokeTask (file:///node_modules\@nativescript\angular\zone-js\dist\zone-nativescript.js:421:0)
JS:     at Object.onInvokeTask (file:///node_modules\@angular\core\fesm5\core.js:24328:0)
JS:     at ZoneDelegate.push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.ZoneDelegate.invokeTask (file:///node_modules\@nativescript\angular\zone-js\dist\zone-nativescript.js:420:0)
JS:     at Zone.push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.Zone.runTask (file:///node_modules\@nativescript\angular\zone-js\dist\zone-nativescript.js:188:0)
JS:     at push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.ZoneTask.invokeTask (file:///data/...

如果我明确地致电this.funcService.logout，我不会出错。

知道这里发生了什么，以便我可以解决吗？

这是实现此目的的好方法吗？

TIA

注意：我也尝试过使用路由器

this.router.navigate(["./login"],{
  relativeto: this.activatedRoute
});

获取

S: ### ErrorHandler Error: TypeError: Cannot read property 'router' of undefined
JS: ### ErrorHandler Stack: TypeError: Cannot read property 'router' of undefined
JS:     at module.exports.push../shared/func.service.ts.FuncService.logout (file:///app\shared\func.service.ts:38:9)
JS:     at ZoneDelegate.push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.ZoneDelegate.invokeTask (file:///node_modules\@nativescript\angular\zone-js\dist\zone-nativescript.js:421:0)
JS:     at Object.onInvokeTask (file:///node_modules\@angular\core\fesm5\core.js:24328:0)
JS:     at ZoneDelegate.push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.ZoneDelegate.invokeTask (file:///node_modules\@nativescript\angular\zone-js\dist\zone-nativescript.js:420:0)
JS:     at Zone.push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.Zone.runTask (file:///node_modules\@nativescript\angular\zone-js\dist\zone-nativescript.js:188:0)
JS:     at push.../node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js.ZoneTask.invokeTask (file:///data/data/com.FileExpenses.app/files/app/v...

更新

这有效

var timeoutId=setTimeout(() => {

  ApplicationSettings.setBoolean("authenticated",false);
  ApplicationSettings.remove("token");

  this.routerExtensions.navigate(["./login"],{clearHistory: true});
},5000);

感谢@Yong

解决方法

修复未定义的routerExtensions

var timeoutId=setTimeout(() => this.funcService.logout,5000);