Erro | Angular parte 1: produtividade e organização com framework SPA

Solucionado (ver solução)

Solucionado
(ver solução)

5
respostas

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

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

06/04/2021

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

07/04/2021

Mas eu botei

por Yohanna de Oliveira Cavalcanti

| 100.6k xp | 28 posts

07/04/2021

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

07/04/2021

Ah! vi agora, obrigada!

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

08/04/2021

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

Abraços e bons estudos.