意外的令牌私有

Question

每当我将构造函数(private http:Http) 添加到代码中时，它都会给出错误。有什么想法吗？

events.js:154
      throw er; // Unhandled 'error' event
      ^
MultipleErrors: app/services/loginService:7:15: Unexpected token private
app/services/loginService:7:23: Unexpected token http
app/services/loginService:7:27: Unexpected token :
app/services/loginService:7:29: Semi-colon expected
app/services/loginService:7:33: Semi-colon expected
app/services/loginService:7:33: Unexpected token )
app/services/loginService:7:35: Semi-colon expected
app/services/loginService:26:16: Semi-colon expected
app/services/loginService:32:17: Semi-colon expected
app/services/loginService:36:1: Unexpected token End of File

loginService.ts

import {Injectable} from 'angular2/core';
import {Http, Headers, Response} from 'angular2/http';
import {Observable}     from 'rxjs/Observable';

@Injectable()
export class LoginService {
 constructor (private http: Http) {}
  //tet
  /*
  login(path:string, username:string, password:string) {
    var creds = "username=" + username + "&password=" + password;
    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');
    this.http.post('http://localhost:3001/sessions/create', creds, {
        headers: headers
      })
      .map(res => res.json())
      .subscribe(
        data => this.saveToLocal(data),
        err => this.logError(err),
        () => console.log('Authentication Complete')
      );

    return this.http.get(path);
  }*/
  saveToLocal(jwt) {
    if (jwt) {
      localStorage.setItem('id_token', jwt)
    }
  }

  logError(err) {
    console.error('There was an error: ' + err);
  }
}

Answer 1

也许你使用 ES6 而不是 TypeScript。 ES6 不支持这一点（私有/public 和类型的可见性）并且会抛出此类错误。

使用 ES6，你只能使用这个：

@Injectable()
export class LoginService {
  constructor (http) {}

  (...)
}

此外，对于依赖注入，使用 ES6，您需要为 parameters 添加静态 getter 属性:

@Injectable()
export class LoginService {
  constructor (http) {}

  (...)

  static getter parameters() {
    return [[Http]];
  }
}

意外的令牌私有

Unexpected token private

angular2-services

angular