Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Erro

Referente ao curso Angular parte 1: produtividade e organização com framework SPA, no capítulo Single Page Applications e rotas e atividade BrowserModule e CommonModule

por Yohanna de Oliveira Cavalcanti
| 100.6k xp | 28 posts
Uncaught Error: Unexpected value 'PhotoListComponent' declared by the module 'PhotosModule'. Please add a @Pipe/@Directive/@Component annotation.
    at syntaxError (compiler.js:1021)
    at compiler.js:10639
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js:10621)
    at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleSummary (compiler.js:10493)
    at compiler.js:10580
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js:10558)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._loadModules (compiler.js:23876)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:23857)

pq isso está acontecendo?

5 respostas
solução!
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Yohanna, tudo bem? Parece que seu componente PhotoListComponent não foi decorado como um componente, ou seja, não foi informado o @Component nele.

Espero ter ajudado.

por Yohanna de Oliveira Cavalcanti
| 100.6k xp | 28 posts

Mas eu botei

por Yohanna de Oliveira Cavalcanti
| 100.6k xp | 28 posts
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { CommonModule } from '@angular/common';

import { PhotoComponent } from './photo/photo.component';
import { PhotoListComponent } from './photo-list/photo-list.component';


//imports dos componentes PhotoComponent e PhotoListComponent

@NgModule({
    declarations: [
        PhotoComponent,
        PhotoListComponent
    ],
    imports: [
        HttpClientModule,
        CommonModule
    ]
})
export class PhotosModule {}

está assim, mesmo assim não funciona

por Yohanna de Oliveira Cavalcanti
| 100.6k xp | 28 posts

Ah! vi agora, obrigada!

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Magina Yohanna, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.