angular - 映射函数给出未解析的函数或方法(映射)

Question

即使在我添加了 'rxjs/add/operator/map' 导入之后，Map 方法仍会返回“Unresolved function or method map()”错误。

我遵循了每一步，甚至添加了 rxjs 5.0.1，我仍然遇到“未解析的函数或方法”错误。你知道如何解决它吗？

您可以在下面查看示例代码。

返回“ map 上 Unresolved 函数或方法错误”的方法:

 import { Component, OnInit} from '@angular/core';
 import { Router } from '@angular/router';
 import { FormGroup, FormBuilder } from '@angular/forms';
 import { Http, RequestOptions, Headers, Response  } from '@angular/http';
 import { Observable } from 'rxjs/Observable';
 import 'rxjs/add/operator/map';
 import 'rxjs/Rx';

 @Component({
 moduleId: module.id,
 templateUrl: 'navigation.component.html'

 })

 export class NavigationComponent implements OnInit {

 form: FormGroup;

 myInput = {input1:'',input2:'' }

 webserviceUrl : "https://httpbin.org/get";

 ngOnInit(): void { }

 constructor(private router: Router) {

}

constructor (private http: Http) {}


onRegister() {
let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers });

return this.http.post(this.webserviceUrl, options)
  .map(this.myInput)
  .catch(this.handleError);


 }

 private handleError (error: Response | any) {

let errMsg: string;
if (error instanceof Response) {
  const body = error.json() || '';
  const err = body.error || JSON.stringify(body);
  errMsg = `${error.status} - ${error.statusText || ''} ${err}`;
} else {
  errMsg = error.message ? error.message : error.toString();
}
console.error(errMsg);
return Observable.throw(errMsg);
}

}

Answer 1

我相信 map 将一个函数作为参数，但您传递的是一个对象。此错误可能是 typescript 无法找到接受和对象的 map 函数。