我是新的Angular ，开始添加一个新的组件使用ng生成组件“名称”它的工作正常，但当我添加implements OnInit的编译器开始抱怨，并给出
类正在使用Angular功能，但未装饰。请添加显式Angular装饰器
下面是我的代码：
import { Component，Injectable，Input，OnInit } from '@angular/core';从“./user. model”导入{ User };

@Component({
  selector: 'app-address-card',
  templateUrl: './address-card.component.html',
  styleUrls: ['./address-card.cpmponenet.css']
})
@Injectable()
export class AddressCardComponent implements OnInit{
  user: any;
 @Input('user') userDTO?: User;
  ngOnInit(): void {
    this.user = {
      name: this.userDTO?.name,
      title: this.userDTO?.designation,
      address: this.userDTO?.address,
      phone:this.userDTO?.phone
    };
  }

}

ts版本：4.8.2Angular 版本：15.2.4我已经检查了堆栈溢出，但没有任何帮助...任何建议将不胜感激。
EDIT 1：尝试创建一个新组件：TS文件看起来像这样：

@Component({
  selector: 'app-address-card',
  templateUrl: './address-card.component.html',
  styleUrls: ['./address-card.component.css']
})
export class AddressCardComponent implements OnInit{
  ngOnInit(): void {
    throw new Error('Method not implemented.');
  }

}

在“AddressCardComponent”下显示错误
类正在使用Angular功能，但未装饰。请添加显式Angular装饰器。