Unable to Use mat-complete Control in Angular Material

Question

I have an Angular project and I am trying to add a material autocomplete control to an input field in a form.

Added the import statement to the app.module.ts and a file named material.module.ts like this:

import { MatAutocompleteModule } from '@angular/material/autocomplete';

Then added MatAutocompleteModule in the imports section under @NgModule

The material.module.ts file then gets imported into another module called shared.module.ts for context.

I am getting these error:

error NG6002: Appears in the NgModule.imports of SharedModule, but itself has errors

error NG6003: Appears in the NgModule.exports of SharedModule, but itself has errors

I have tried to delete node modules and package-lock.json files and run npm i but I am getting the same error.