Estou tendo uma série de incompatibilidades em rodar o curso no Ubunto, pois as versões do node na api e no projeto não são compatíveis. Consegui fazer funcionar, mas agora as imagens não funcionam, porque no app.component.ts não tem mais as referências que estão sendo usadas no html e da erro ao compilar o projeto
Quando removo a url e a description do html, até compila, mas não carrega as imagens no browser:
Já identifiquei oerro. No app.component.html estava errado, segue o ajuste
<ap-photo *ngFor='let photo of photos' [url]="photo.url" [description]="photo.description">
</ap-photo>e no photo.component.html
<img class="img-thumbnail" [src]="url" [alt]="description">E no app.component.ts, declarar photos: any[] = [];
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
photos: any[] = [];
constructor(http: HttpClient) {
http
.get<Object[]>('http://localhost:3000/flavio/photos')
.subscribe(photos => {
console.log(photos);
this.photos = photos
});
}
}
Olá, Vera! Tudo bem?
Obrigado por compartilhar a resolução do seu erro, assim você ajuda outros alunos com a mesma dúvida!
Quanto à versão do Node, realmente, o curso utiliza a versão 8, e recomendamos que você faça o curso com essa versão. No Ubuntu, e outros sistemas Linux, esse processo pode ser feito seguindo o seguinte tutorial: Node.JS: Descomplicando o trabalho com diferentes versões. Basicamente, fazendo dessa forma, você mantém um ambiente isolado para cada versão instalada do Node.
Você pode continuar fazendo o curso com a versão que desejar, e caso tenha alguma complicação, pode recorrer ao fórum. Você também pode fazer a Formação Angular, nossa formação que trata do mesmo conteúdo, mas com cursos mais recentes.
Espero ter ajudado! Qualquer coisa estamos à disposição!