Ionic 2 - Неожиданная ошибка в сервисе

Question

Я пытаюсь использовать Injectable в своем коде в приложении Ionic 2, и я получаю эту ошибку.

Модуль сборки не удалось: SyntaxError: /home.js: Неожиданный токен (10:25)

export class HomePage { 
constructor(myservice: WpService) { 
        ^
     this.service = myservice; 
     this.data = null; 
    } 

Это мой код: (home.js файл).

import {Page} from 'ionic-framework/ionic'; 
import {WpService} from './wpservice'; 

@Page({ 
    templateUrl: 'build/pages/home/home.html', 
    providers: [WpService] 
}) 
export class HomePage { 
    constructor(myservice: WpService) { 
     this.service = myservice; 
     this.data = null; 
    } 

    retrieve() { 
     this.service.loadData(); 
     setTimeout(() => { 
      this.data = this.service.getData(); 
      console.log(this.data); 
     }, 5000); 
    } 
} 

и это файл wpservice:

import {Injectable} from 'angular2/core'; 
import {Http} from 'angular2/http'; 
import 'rxjs/Rx' 

@Injectable 
export class WpService { 
    constructor(http: Http) { 
     this.http = http; 
     this.data = null; 
    } 

    loadData() { 
     this.http.get('<some rest api>').subscribe(data => { 
      this.data = data.json() 
     }); 
     } 

    getData() { 
     return this.data; 
    } 
    } 

Как ни странно эта ошибка возникает только с февраля 26 вечера. До этого он работал нормально.

Answer 1

Спасибо, ребят, я решил Эта проблема. Я опубликую, как я сделал это ниже, чтобы кто-то другой столкнулся с тем же успехом.

Я написал метод get parameters(), как показано ниже. (После просмотра приложения для ионной конференц-связи от drifty co team на github).

import {Page} from 'ionic-framework/ionic'; 
import {Inject} from 'angular2/core; 
import {WpService} from './wpservice'; 

@Page({ 
    templateUrl: 'build/pages/home/home.html', 
    providers: [WpService] 
}) 
export class HomePage { 
    static get parameters(){ 
     return [WpService]; 
     } 
    constructor(wpservice) { 
     this.service = wpservice; 
     this.data = null; 
    } 

    retrieve() { 
     this.service.loadData(); 
     setTimeout(() => { 
      this.data = this.service.getData(); 
      console.log(this.data); 
     }, 5000); 
    } 
} 

И я изменил файл службы, как показано ниже:

import {Injectable, Inject} from 'angular2/core'; 
import {Http} from 'angular2/http'; 
import 'rxjs/Rx' 

@Injectable() 
export class WpService { 
    static get parameters(){ 
     return [Http]; 
     } 
    constructor(http) { 
     this.http = http; 
     this.data = null; 
    } 

    loadData() { 
     this.http.get('<some rest api>').subscribe(data => { 
      this.data = data.json() 
     }); 
     } 

    getData() { 
     return this.data; 
    } 
    } 

Incase вы решили внедрить более одного сервиса, то вы должны дать оператор возврата в методе параметры приобретают, как показано ниже:

return [[service1],[service2]]; 

Надеюсь, что это поможет кому-то другому, столкнувшись с той же проблемой. Благодарю.

Answer 2

Я столкнулся с аналогичной проблемой, похоже, его вопрос с Ionic Version: 2.0.0-beta.1, по-видимому, его созданием машинописи файлов с расширением .js

читать больше об этой проблеме here