angular2 - Benutzer aktiv und im Leerlauf

Question

Ich möchte mich abmelden (oder den Benutzer warnen), wenn mein Benutzer nach einiger Zeit in meiner App inaktiv ist. Ich verwende localStroage Provider, um zu wissen, ob mein Benutzer angemeldet ist oder nicht. Ich habe diese Frage und Antwort AngularJS $idleProvider and $keepaliveProvider in Angular2 gefunden, konnte aber keine Möglichkeit finden, diese Lösungen zu verwenden. Es gibt keine ngZone.onTurnDone und aber wenn ich die NG2-idle verwende ich bekommen

Error: SyntaxError: Unexpected token < 
at Object.eval (http://127.0.0.1:8080/node_modules/ng2-idle/core.js:12:14) 
at eval (http://127.0.0.1:8080/node_modules/ng2-idle/core.js:33:4) 
Evaluating http://127.0.0.1:8080/src/@angular/core 
Evaluating http://127.0.0.1:8080/node_modules/ng2-idle/core.js 
Error loading http://127.0.0.1:8080/src/app/main.js 

, wenn Sie mir eine Idee haben, wie kann ich herausfinden, ob mein Benutzer untätig ist es groß sein. Vielen Dank

Answer 1

Sie müssen beachten, dass ng2-idle Angular2 RC-Versionen nutzt und es gibt Modulnamen Updates zwischen Beta-und RC-Versionen.

Ihr Fehler tritt in der folgenden Zeile in der Bibliothek (Datei core.js):

var core_1 = require('@angular/core'); 

Hier ist die Konfiguration in einem solchen Fall ist:

System.config({ 
    map: { 
    'ng2-idle': 'node_modules/ng2-idle' 
    }, 
    packages: { 
    app: { 
     main: './main.ts', 
     defaultExtension: 'ts' 
    }, 
    '@angular/core': { 
     main: 'core.umd.js', 
     defaultExtension: 'js' 
    }, 
    '@angular/compiler': { 
     main: 'compiler.umd.js', 
     defaultExtension: 'js' 
    }, 
    '@angular/common': { 
     main: 'common.umd.js', 
     defaultExtension: 'js' 
    }, 
    '@angular/platform-browser-dynamic': { 
     main: 'platform-browser-dynamic.umd.js', 
     defaultExtension: 'js' 
    }, 
    '@angular/platform-browser': { 
     main: 'platform-browser.umd.js', 
     defaultExtension: 'js' 
    }, 
    '@angular/http': { 
     main: 'http.umd.js', 
     defaultExtension: 'js' 
    }, 
    rxjs: { 
     defaultExtension: 'js' 
    } 
    'ng2-idle': { 
     defaultExtension: 'js' 
    } 
    } 
});