Fehler TS7027: Nicht erreichbarer Code in Angular2 TypeScript erkannt Dienstklasse

Question

Ich befolge einen PluralSight-Kurs und übe das Schreiben eines Basisdienstes in Angular2. Ich habe die folgende Service-Datei:

customer.service.ts

import { Injectable } from '@angular/core'; 

@Injectable() 
export class CustomerService { 

    constructor() {} 

    getCustomers() { 
     return 
     [ 
      {id: 1, name: 'Ward'}, 
      {id: 2, name: 'Joe'}, 
      {id: 3, name: 'Bill'}, 
      {id: 4, name: 'Bob'}, 
      {id: 5, name: 'Levi'}, 
      {id: 6, name: 'Brian'}, 
      {id: 7, name: 'Susie'} 
     ]; 
    } 
} 

Wenn ich die Lite-Server npm start mit Start ich folgende Fehlermeldung erhalte:

angular-quickstart@1.0.0 start C:\Dev\my-proj 
tsc && concurrently "tsc -w" "lite-server" 

app/customer/customer.service.ts(10,3): error TS7027: Unreachable code detected. 

Wenn Ich kommentiere den Rückgabe-Block aus, der Lite-Server startet gut, also scheint es etwas in dieser Rückkehr zu sein, das es nicht mag. Jede Hilfe wäre willkommen.

Answer 1

Wenn Sie Ihre ganze Reihe in eine neue Zeile nach der return-Anweisung platzieren, dann Ihre Methode hat zwei Aussagen:

• Rückkehr undefined
• ein Array Definition

Der Fehler, den Sie sehen, ist ein ziemlich hilfreicher. TypeScript sagt Ihnen, dass es Code (die Array-Definition) gibt, der nie erreicht werden konnte, weil Sie von der Funktion zurückkommen, bevor die Array-Zeile erreicht werden kann.

So ist die Lösung ziemlich einfach. Verschieben Sie mindestens die öffnende Klammer in die Zeile der Return-Anweisung wie return [. Das ist es.

Answer 2

Ich zwickte es ein wenig. Dies sollte funktionieren:

import {Injectable} from "@angular/core"; 

@Injectable() 
export class CustomerService 
{ 
    private data: Array<any>; 

    constructor() 
    { 
     this.data = [ 
      {id: 1, name: 'Ward'}, 
      {id: 2, name: 'Joe'}, 
      {id: 3, name: 'Bill'}, 
      {id: 4, name: 'Bob'}, 
      {id: 5, name: 'Levi'}, 
      {id: 6, name: 'Brian'}, 
      {id: 7, name: 'Susie'} 
     ]; 
    } 

    getCustomers() 
    { 
     return this.data; 
    } 
} 

oder wenn Sie das Original das neue Array braucht wollen auf der gleichen Linie zu starten:

import {Injectable} from "@angular/core"; 

@Injectable() 
export class CustomerService 
{ 

    constructor() 
    { 
    } 

    getCustomers() 
    { 
     return [ 
      {id: 1, name: 'Ward'}, 
      {id: 2, name: 'Joe'}, 
      {id: 3, name: 'Bill'}, 
      {id: 4, name: 'Bob'}, 
      {id: 5, name: 'Levi'}, 
      {id: 6, name: 'Brian'}, 
      {id: 7, name: 'Susie'} 
     ]; 
    } 
} 

Answer 3

Es passiert normalerweise, wenn Sie nach einer return-Anweisung Code eingeben oder wenn Sie eine if-Anweisung zurückgeben und den else-Code vergessen.

... 
return warning; 
this.methodUnreacheable(); 

Answer 4

Eigenschaften in EcmaScript/Typescript macht es mehr wie Java oder C#. Verwenden Sie also immer let oder const Schlüsselwörter in Ihrem Code.

let mood:Boolean=true; 
if(mood){ 
console.log('true'); 
} 
else{ 
console.log('false'); 
}