加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular 2 HTTP请求:TypeError:backend.createConnection不是

发布时间:2020-12-17 17:26:04 所属栏目:安全 来源:网络整理
导读:我正在尝试在Angular中运行一个简单的HTTP请求,并遇到以下错误: angular2.dev.js:23941 Error: Uncaught (in promise): EXCEPTION: Error during instantiation of AlbumListComponent!. ORIGINAL EXCEPTION: TypeError: backend.createConnection is not a
我正在尝试在Angular中运行一个简单的HTTP请求,并遇到以下错误:

angular2.dev.js:23941 Error: Uncaught (in promise): EXCEPTION: Error during instantiation of AlbumListComponent!.
ORIGINAL EXCEPTION: TypeError: backend.createConnection is not a function

为了简化我将HTTP功能分解为最简单的删除服务,直接访问HTTP服务和Observable:

import {Component} from 'angular2/core';
import {Album} from './album';
import {AppState} from './appstate'; 
import {Observable}     from 'rxjs/Observable';

import {Http}    from 'angular2/http';

@Component({
    selector: 'album-list',templateUrl: 'Views/albumList.html',providers: [AlbumService,Http,Response]        
})
export class AlbumListComponent {
    albums: Array<Album> = [];
    title: string = "Album Listing";
    errorMessage: string;


    constructor(public state: AppState,public albumService: AlbumService,public http: Http) {

        console.log('AlbumList Constructor' +  this.title);
        state.activeTab = "albums";
        debugger;

        http.get(state.urls.albums)
            .map(res => {
                debugger;
                return res.json()
            })
            //.catch(error => {
            //    debugger;
            //    console.error(error);
            //    return Observable.throw(error.json().error || 'Server error');
            //})
            .subscribe(albums => this.albums = albums)           

        //this.getAlbums();  // service removed to simplify
    }


}

Bootstrap代码(和http.dev.js包含在脚本列表中):

import {bootstrap}    from 'angular2/platform/browser';
import {Albumviewer} from './albumviewer.component';
import {ROUTER_PROVIDERS} from 'angular2/router';
import {HTTP_PROVIDERS} from 'angular2/http';
import {AppState} from './appstate'
import 'rxjs/Rx';

bootstrap(Albumviewer,[
    ROUTER_PROVIDERS,HTTP_PROVIDERS,]);

我要么得到描述的错误,要么得到关于缺少提供者的错误(比如ConnectionBackend).

如果我删除Http访问代码,应用程序运行正常.随着代码在那里炸弹.我不知道在这里看什么 – 因为错误消息明确指的是HTTP服务使用的子组件.

解决方法

更新

在Angular2中,最后将HttpModule添加到@NgModule()的导入中也是如此

原版的

您不显示您的引导程序(…),但它可能不包含HTTP_PROVIDERS

bootstrap(AppComponent,[HTTP_PROVIDERS]);

HTTP_PROVIDERS包含Http及其所有依赖项.如果将HTTP_PROVIDERS添加到bootstrap(),则无需将Http添加到组件上的提供程序,因为这样可以使全局可用.

如果你想注入它,你仍然需要导入它.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读