Facing multiple issues when a new module is created on a fresh setup

Hi all,

I just cloned the repo from Github and created my first module in project/qer folder. Followed the instructions as per the video series of One Identity.

But i am getting issues in very basic things such as:

Issue #1:

It throws error for the "translate" pipe in the HTML. I have Translate module imported. Also when i debugged, TranslateService is also defined:

ngOnInit(): void {
console.log('TranslateService:', this.translate); // Ensure it's not undefined
console.log('Translation for #LDS#Welcome:', this.translate.instant('#LDS#Welcome'));
}

The above code works but the below code fails:

<span>{{ '#LDS#Welcome' | translate }}</span>

At the same time when i use with translate.instant it works:

<span>{{ '#LDS#Welcome' | translate }}</span>

Issue #2:

Can't bind to 'ngClass' since it isn't a known property of 'div'. <div [ngClass]="{ hidden: !viewReady, 'imx-flexible-tile-row': true }">

Code:

I have ensured CommonModule is imported in the module. Looks like basic angular things are not working. Can someone please help me out?

Thanks in advance.