我试图从Angular调用一个API,但得到这个错误:
属性“map”在类型“Observable<Response>”上不存在
这个类似问题的答案并没有解决我的问题:Angular 2 beta版。17:属性“map”在类型“Observable<Response>”上不存在。
我使用的是Angular 2.0.0-beta.17。
我试图从Angular调用一个API,但得到这个错误:
属性“map”在类型“Observable<Response>”上不存在
这个类似问题的答案并没有解决我的问题:Angular 2 beta版。17:属性“map”在类型“Observable<Response>”上不存在。
我使用的是Angular 2.0.0-beta.17。
当前回答
在我的情况下,只包括地图和承诺是不够的:
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
我按照官方文档的建议导入了几个rxjs组件,解决了这个问题:
1)在一个app/rxjs-operators中导入语句。ts文件:
// import 'rxjs/Rx'; // adds ALL RxJS statics & operators to Observable
// See node_module/rxjs/Rxjs.js
// Import just the rxjs statics and operators we need for THIS app.
// Statics
import 'rxjs/add/observable/throw';
// Operators
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/toPromise';
2)在你的服务中导入rxjs-operator本身:
// Add the RxJS Observable operators we need in this app.
import './rxjs-operators';
其他回答
如果你使用这个旧的方法来获取路由参数
this._route.params
.map(params => params['id'])
为新的rxjs版本更新它
首先, 从RXJS操作符中导入映射。
import { map } from 'rxjs/operators';
第二个添加管道,
this._route.params.pipe(
map(params => params['id']))
使用管道函数中的map函数,它将解决您的问题。 您可以在这里查看文档。
this.items = this.afs.collection('blalal').snapshotChanges().pipe(map(changes => {
return changes.map(a => {
const data = a.payload.doc.data() as Items;
data.id = a.payload.doc.id;
return data;
})
})
安装rxjs-compat只需在terminal中输入:
npm install --save rxjs-compat
然后导入:
import 'rxjs/Rx';
在Angular v10中。X和RXJS v6.x
第一次导入我的服务地图顶部,
Import {map} from 'rxjs/operators';
然后我用这样的地图
return this.http.get<return type>(URL)
.pipe(map(x => {
// here return your pattern
return x.foo;
}));
只需运行NPM install—save rxjs-compat即可修复错误。
这里推荐