flex-layout | 基于flexbox的栅格化布局库，提供更直观、丰富的布局方式。 | Frontend Framework library

I was working on Angular 8 project when the time came to upgrade it to Angular 12. Since I come exclusively from React environments, didn't think it would be this much of a hassle until I started. It has been 2 days that I have been following Angular Upgrade guide, but keep getting the following error:

Im currently facing a strange Behavior. When I want to run multiple expectations on the store state after successful finishing the Store Action I'm unable to observe the reason of test failure.

If all expectations are met, the test runs successfully (see console logs below). In case of a failing assertion the done callback is never called and the error of the expectation is not thrown to the test runner. (see console log below - timeout).

As a reference test I created a Subject and called it with next. Everything works as expected! It seems to be an issue with the Actions from '@ngxs/store'.

Is there any known issue? Am I using the Actions provider in a wrong way?

Details of my setup:

On Upgrading, to angular 13, My build step on pipeline is failing. My initial version was 11, on upgrading to 12 the build worked fine but on upgrading from 12 to 13, it started giving me this error on pipeline. The build is running fine on local but failing on pipeline.

I have also added the package.json file code and dependencies and also added the image that displays error.

While running unit tests, they fail "sometimes", always on different tests, without any meaningful error.

I upgraded a project that I haven't touched in more than a year. It was at angular 10. I upgraded to angular 12 but now I need to upgrade AngularFire from v6 to v7 and it seems i have a typing problem (at first sight).

here are my dependencies :

**An unhandled exception occurred: Cannot find module '../dotjs/validate'

**this is my package.json file

I've gone through similar errors in SO but after installing, deleting node-modules, package-lock.json any installing it again, I still can't get rid of the error:

./src/app/app.module.ts:8:0-63 - Error: Module not found: Error: Package path ./module is not exported from package /Users/pabs/FreeLance/Chris/Calculator/stamp/node_modules/@angular/flex-layout (see exports field in /Users/pabs/FreeLance/Chris/Calculator/stamp/node_modules/@angular/flex-layout/package.json)

I have implement a login page with Angular Material. The issue is that the style overflow: hidden and the show password button doesn't works. If if click the button twice, the webpage loads again, but it shouldn't be so. I'm very new in Angular and flexbox. Therefore it would be very helpful if everybody could explain me the issue. Thanks a lot.

my template:

So I upgraded my package.json and after that the output of the table styling was off. It used to be striped and each cell in the table changed in color of the background. I'm thinking this might be a dependency issue as I upgrade most of them.

This is the updated package.json