Ошибка: неожиданное значение SocialmediaFeedComponent, объявленное модулем AppModule. Добавьте аннотацию @ Pipe / @ Directive / @ Component

Я получаю ошибку в моем угловом проекте. Я проверил Интернет и, насколько мне известно, правильно объявил каждый компонент и модуль.

Ошибка: неожиданное значение SocialmediaFeedComponent, объявленное модулем AppModule. Добавьте аннотацию @ Pipe / @ Directive / @ Component.

app.component.ts:

import { FormsModule } from '@angular/forms';

...;
import { SocialmediaComponent } from './socialmedia/socialmedia.component';
import { SocialmediaFeedComponent } from './socialmedia-feed/socialmedia-feed.component';
...;


import { CountdownModule } from 'ngx-countdown';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';




@NgModule({
  declarations: [
    ...,
    SocialmediaComponent,
    SocialmediaFeedComponent,
    ...,
  ],
  imports: [
    BrowserModule,
    CountdownModule,
    FormsModule,
    NgbModule,
  ],
  providers: [
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

socialmedia-feed.component.ts:

import { Component, OnInit } from '@angular/core';

import * as Collections from 'typescript-collections';

@Component({
  selector: 'app-socialmedia-feed',
  templateUrl: './socialmedia-feed.component.html',
  styleUrls: ['./socialmedia-feed.component.scss']
})

class PostSocialmediaFeedComponent {

  constructor(url: string, date: Date, type: string) { }

  date: Date;
  url: string;
  type: string;

  getDate() {
    return this.date;
  }

  getURL() {
    return this.url;
  }

  getType() {
    return this.type;
  }
}

export class SocialmediaFeedComponent implements OnInit {



  constructor() {
    this.getLatestPosts();
   }

  ngOnInit() {
  }
      // METHODS TO SORT, MERGE, GET POSTS FROM SOCIALMEDIA

      // ...

      // ...
}

person toni    schedule 02.07.2019    source источник
comment
Можете выложить код SocialmediaFeedComponent?   -  person Fabian Küng    schedule 02.07.2019
comment
Конечно, это немного длинновато   -  person toni    schedule 02.07.2019


Ответы (1)


Как я вижу, над объявлением класса отсутствует декоратор @Component. Попробуйте добавить ключевое слово @Component прямо над вашим классом.

Что-то типа:

@Component({
  selector: 'app-socialmedia-feed',
  templateUrl: './socialmedia-feed.component.html',
  styleUrls: ['./socialmedia-feed.component.scss']
})
export class SocialmediaFeedComponent implements OnInit {



  constructor() {
    this.getLatestPosts();
   }

  ngOnInit() {
  }
      // METHODS TO SORT, MERGE, GET POSTS FROM SOCIALMEDIA

      // ...

      // ...
}

Более подробную информацию можно найти в официальных документах здесь

person Patryk Panek    schedule 02.07.2019