Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Erro no módulo Http

Ao inserir o módulo Http, o navegador trava e não carrega mais nada.

//app.module.ts

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {AppComponent} from './app.component';
import {FotoModule} from './foto/foto.module';
import {HttpModule} from '@angular/http';

import 'rxjs/add/operator/map';

@NgModule({
    imports: [BrowserModule, FotoModule, HttpModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {}
//app.component.ts

import {Component, Inject} from '@angular/core'; 
import {Http} from '@angular/http';

@Component({
    moduleId: module.id,
    selector:  'app',
    templateUrl: './app/app.component.html'
})
export class AppComponent{

    fotos: Object[] = [];

    constructor(http: Http){
        http.get('v1/fotos')
        .map(response => response.json())
        .subscribe(
            fotos => this.fotos = fotos,
            error => console.log(error)
        )
    }
}
3 respostas

O meu esta idêntico aos seus dois arquivos TS e não travou Alex.

solução!

Achei, em:

templateUrl: './app/app.component.html'

Deixa da seguinte maneira

templateUrl: './app.component.html'

Como vc esta usando o "moduleId: module.id" vc ja indica que esta na mesma pasta, então nao tem necessidade de indicar o caminho.

Era esse mesmo o erro. Obrigado André!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software