Tukukkk

I am getting this kind of error in my ts.file, what could be the reason in which I am just starting to learn the angular/ionic world.

I have tried various ways to clear it but no luck.

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

import { NavController, NavParams } from '@ionic/angular';

import {Announcements} from '../../../environments/environment';

import {AngularFireAuth} from 'angularfire2/auth';

import {AngularFireDatabase} from 'angularfire2/database';

import { take } from 'rxjs/operators';

import { Directive, HostListener, ElementRef } from '@angular/core';



@Component({

  selector: 'app-add-our-announcements',

  templateUrl: './add-our-announcements.page.html',

  styleUrls: ['./add-our-announcements.page.scss'],

})

@Directive({

  selector: 'ion-textarea[autosize]' // Attribute selector,

})

export class {



    constructor(

      private afauth: AngularFireAuth,

      private afDatabase: AngularFireDatabase,

      public navCtrl: NavController,

      public navParams: NavParams,

      public element: ElementRef) {

    }



   announcements = {} as Announcements;



  @HostListener('document:keydown.enter', ['$event']) onKeydownHandler() {

    this.adjust();

  }



  AfterViewInit() {

      this.adjust();

    }



    adjust(): void {

      const textArea = this.element.nativeElement.getElementsByTagName('textarea')[0];

      textArea.style.overflow = 'hidden';

      textArea.style.height = 'auto';

      textArea.style.height = (textArea.scrollHeight + 42) + 'px';

    }







        createAnnouncements() {

            this.afauth.authState.pipe(take(1)).subscribe(() => {

              this.afDatabase.list(`announcements`).push(this.announcements)

                .then(() => this.navCtrl.navigateForward('ListOfOurAnnouncementsPage'));

            });

        }



  }

Your class doesn't have a name.
Ex:

@Directive({

         selector: 'ion-textarea[autosize]' // Attribute selector,

     })





 export class TextAreaDirective {



     constructor() {

}

Please look at how classes are defined in Typescript:

Also look at Angular style guide for coding norms.

Do use consistent type names for all components following a pattern that describes the component's feature then its type. A recommended pattern is feature.type.ts.

Do use conventional type names including .service, .component, .pipe,
.module, and .directive. Invent additional type names if you must but
take care not to create too many.

Why? Type names provide a consistent way to quickly identify what is
in the file.

Why? Type names make it easy to find a specific file type using an
editor or IDE's fuzzy search techniques.

Why? Unabbreviated type names such as .service are descriptive and
unambiguous. Abbreviations such as .srv, .svc, and .serv can be
confusing.