ERROR Error: ASSERTION ERROR: Type passed in is not ComponentType, it does not have 'ɵcmp' property

Angular
1

Angular CLI: 14.2.3
Node: 16.13.0
Package Manager: npm 8.19.2
OS: win32 x64

and I am getting on dev tools:
main.ts:11 ERROR Error: ASSERTION ERROR: Type passed in is not ComponentType, it does not have ‘ɵcmp’ property.
at throwError (core.mjs:341:11)
at assertComponentType (core.mjs:1320:9)
at ComponentFactoryResolver.resolveComponentFactory (core.mjs:13730:22)
at ApplicationRef.bootstrap (core.mjs:27294:41)
at core.mjs:26960:64
at Array.forEach ()
at PlatformRef._moduleDoBootstrap (core.mjs:26960:44)
at core.mjs:26930:26
at _ZoneDelegate.invoke (zone.js:372:26)
at Object.onInvoke (core.mjs:26231:33)
handleError @ core.mjs:7635
(anonymous) @ core.mjs:27041
invoke @ zone.js:372
run @ zone.js:134
runOutsideAngular @ core.mjs:26130
(anonymous) @ core.mjs:27041
invoke @ zone.js:372
onInvoke @ core.mjs:26231
invoke @ zone.js:371
run @ zone.js:134
(anonymous) @ zone.js:1275
invokeTask @ zone.js:406
onInvokeTask @ core.mjs:26218
invokeTask @ zone.js:405
runTask @ zone.js:178
drainMicroTaskQueue @ zone.js:585
Promise.then (async)
nativeScheduleMicroTask @ zone.js:561
scheduleMicroTask @ zone.js:572
scheduleTask @ zone.js:396
scheduleTask @ zone.js:221
scheduleMicroTask @ zone.js:241
scheduleResolveOrReject @ zone.js:1265
then @ zone.js:1461
bootstrapModule @ core.mjs:26955
4431 @ main.ts:11
webpack_require @ bootstrap:19
webpack_exec @ main.ts:12
(anonymous) @ main.ts:12
webpack_require.O @ chunk loaded:23
(anonymous) @ main.ts:12
webpackJsonpCallback @ jsonp chunk loading:34
(anonymous) @ main.js:2
Show 20 more frames
main.ts:12 Error: ASSERTION ERROR: Type passed in is not ComponentType, it does not have ‘ɵcmp’ property.
at throwError (core.mjs:341:11)
at assertComponentType (core.mjs:1320:9)
at ComponentFactoryResolver.resolveComponentFactory (core.mjs:13730:22)
at ApplicationRef.bootstrap (core.mjs:27294:41)
at core.mjs:26960:64
at Array.forEach ()
at PlatformRef._moduleDoBootstrap (core.mjs:26960:44)
at core.mjs:26930:26
at _ZoneDelegate.invoke (zone.js:372:26)
at Object.onInvoke (core.mjs:26231:33)
(anonymous) @ main.ts:12
invoke @ zone.js:372
run @ zone.js:134
(anonymous) @ zone.js:1275
invokeTask @ zone.js:406
runTask @ zone.js:178
drainMicroTaskQueue @ zone.js:585
Promise.then (async)
nativeScheduleMicroTask @ zone.js:561
scheduleMicroTask @ zone.js:572
scheduleTask @ zone.js:396
scheduleTask @ zone.js:221
scheduleMicroTask @ zone.js:241
scheduleResolveOrReject @ zone.js:1265
then @ zone.js:1461
bootstrapModule @ core.mjs:26955
4431 @ main.ts:11
webpack_require @ bootstrap:19
webpack_exec @ main.ts:12
(anonymous) @ main.ts:12
webpack_require.O @ chunk loaded:23
(anonymous) @ main.ts:12
webpackJsonpCallback @ jsonp chunk loading:34
(anonymous) @ main.js:2
Show 17 more frames

Change-password.component.html

Old Password
old password is required
    </div>


</div>
<div class="form-group">
    <label for="">New Password</label>
    <input type="password" class="form-control" fromControlName="newpassword">
    <div 
    *ngIf="newpassword?.['touched'] && newpassword?.['invalid']"
    class="alert alert-danger">
    <div *ngIf="newpassword?.errors?.['required']">new password is required</div>
        
    </div>

</div>
<div class="form-group">
    <label for="">Confirm Password</label>
    <input type="password" class="form-control" fromControlName="confirmpassword">
    <div 
    *ngIf="confirmpassword?.['touched'] && confirmpassword?.['invalid']"
    class="alert alert-danger">
    <div *ngIf="confirmpassword?.errors?.['required']">confirm password is required</div>
        
    </div>

</div>

<button class="btn btn-primary" >Change Password</button>

change-password.component.ts
import { Component, OnInit} from ‘@angular/core’;

import { AbstractControl, FormBuilder, FormControl, FormGroup, ValidationErrors, Validators} from ‘@angular/forms’;
//import { oldPasswordValidators } from ‘./oldPassword.Validator’;

@Component({
selector: ‘changepassword’,
templateUrl: ‘./change-password.component.html’,
styleUrls: [‘./change-password.component.css’]
})
export class ChangePasswordComponent {
form: FormGroup;
constructor(fb: FormBuilder) {
this.form = fb.group({
oldpassword: [‘’, Validators.required],
newpassword: [‘’, Validators.required],
confirmpassword: [‘’, Validators.required]
});
}

get oldpassword(){return this.form.get(‘oldpassword’)};
get newpassword(){return this.form.get(‘newpassword’)};
get confirmpassword(){return this.form.get(‘confirmpassword’)};

//submit(password: any){
//console.log(password);
//}
}