Generator nicht definiert Fehler bei der Verwendung erwarten in Winkel 4

Question

Ich habe ein Projekt mit Angular 4.4.6 Version. this is version of angular

Wenn ich es konfiguriere und laufe, ist es in Ordnung. Aber haben Problem, wenn Asynchron mit und warten in Funktion onSubmit Anmeldung: login.component.ts:

public async onSubmit() { 
    this.submitted = true; 
    if (this.form.valid) { 
     const user: ILoginUser = { 
     UserName: this.form.value.username, 
     Password: this.form.value.password 
     }; 
     this.isLoginSuccessful = await this._loginService.login(user, true); 
    } 
    } 

Ich weiß nicht, warum werfen Ausnahme exception here. Ich denke dieses Problem in tsconfig.json, aber ich weiß nicht genau, wo ich falsch liege.

Dies ist tsconfig.json:

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "baseUrl": "src", 
    "sourceMap": true, 
    "declaration": false, 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "noEmit": true, 
    "noEmitHelpers": false, 
    "target": "es5", 
    "typeRoots": [ 
     "node_modules/@types" 
    ], 
    "lib": [ 
     "es2016", 
     "dom" 
    ], 
    "plugins": [ 
     { 
     "name": "tslint-language-service" 
     } 
    ] 
    }, 
    "exclude": [ 
    "node_modules", 
    "dist" 
    ], 
    "awesomeTypescriptLoaderOptions": { 
    "forkChecker": true, 
    "useWebpackText": true 
    }, 
    "buildOnSave": false, 
    "atom": { 
    "rewriteTsconfig": false 
    } 
} 

Everyone please help me, many thanks! 

Answer 1

Ich werde statt mit async und warten auf die Verwendung beraten abonnieren. Bitte lassen Sie mich wissen, wenn Sie einen Fehler haben.

erwarten Werke für Versprechen, während Ihre Login-Funktion eine beobachtbare zurückkehren müssen, so dass Sie vielleicht die beobachtbare versprechen, konvertieren möchten, wenn Sie wie erwarten verwenden müssen:
>> .login await (,,) .toPromise()

public onSubmit() { 
 
    this.submitted = true; 
 
    if (this.form.valid) { 
 
    const user: ILoginUser = { 
 
     UserName: this.form.value.username, 
 
     Password: this.form.value.password 
 
    }; 
 
    this._loginService.login(user, true).subscribe((bool) => { 
 
     this.isLoginSuccessful = bool; 
 
    }); 
 
    } 
 
}