Module not found: Error: Resolving to directories is not possible with the exports field (request was ./)

Question

I upgraded angular from v11 to v12. I am getting this error and I dont know why. there are no changes in build configuration or tsconfig.

Answer 1

Simple example

Wrong import { BehaviorSubject } from 'rxjs/';

Correct import { BehaviorSubject } from 'rxjs';

I faced this issue during a migration. Search for something similar in your code to fix the issue. In my case the component causing the issue was mentioned in the error message.

Answer 2

Check your imports, you may find a path that ends with a '/', just remove it and it will work!

Answer 3

import { HttpClientModule } from '@angular/common/http/';

just remove / from last of your import as Thomas Renger mentioned above.

like this

import { HttpClientModule } from '@angular/common/http';