ngx-color | Color Pickers from Sketch Photoshop Chrome Github | 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:

I am trying to use the persistent build cache feature provided by angular but look like its not working for me, I am trying the below command

I have a pre-developed angular project, i just ran npm i to install its packages locally, then ng serve to run the project, the project works well without problems but..

when i wanted to create a new component with ng g c new-component i got this error:

Error Image

package.json

Right after the splash screen fades out, the app is stuck on a blank page leaving this error in the console (ProxyWeb::didFailProvisionalLoadForFrame)

Note that the same app works perfectly on all previous IOS versions. I tried to change the webview plugin version, cordova-ios, and played around with angular build process but no luck.

I suspect that the angular portion of the project does not initialize, cordova itself loads successfully but anything beyond that is just an empty blank screen.

I was asked to do modifications on Angular 6 web application i'didn't know until now . I received a sourcecode but i tried to display the website and i doesn't work. I stayed late at night and wake up early in morning just to make ng serve succesful. I'v been correcting browser console errors too. It seems this source code is not working. But now i'm stuck. I can't find the problem on the net. The browser console error is

Response : error Cannot GET /secure/bootstrap-data

It' for an GET http request. I cannot say if a module is lacking or something. I'm just 2 months experimented in angular.

here is package.json :

Following the guide we upgraded angular 11 to 12. Before the upgrade karma is running the unit tests without any issues. However, after the upgrade this is what we end up with. Any idea how to check whats wrong.

I also compared the source with a refresh angular 12 project (karma works here), but changes did not make any difference.

Here's the package.json file:

I upgraded my angular project from 8 to 12. After that I migrated to eslint. Then onwards my compilation is not immediately invoked after saving any file. If I save any file after 2min the compilation starts in the terminal.

This is the issue I'm facing. Thanks in advance. Please let me know what is causing it to be slow and time taking. Is it with vscode or Angular config issues.

Package.json