ngx-chips | Tag Input component for Angular | Autocomplete library

I have installed windows 11 in my newly bought laptop, and installed Nodejs, Angular Cli, but when I run npm install in my project everything is giving error, I tried a lot , but could not solve it.

upgrade downgrade node. update all node packages. clear cache etc.

Note:

I followed this guide to set up swiper slider in my Angular 8 application.

I get the below error when importing NgxUsefulSwiperModule into app.module.ts

ERROR in ./node_modules/ngx-useful-swiper/fesm2015/ngx-useful-swiper.js Module not found: Error: Can't resolve 'swiper/bundle' in 'C:\Users\Dan\NewAngular\node_modules\ngx-useful-swiper\fesm2015'

I tried deleting the node_modules folder and reinstalling everything but it fails every time.

Can someone please tell me what I'm doing wrong?

This is my package.json file

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.

Here's the package.json file:

I'm trying to build and deploy angular application using gitlab-ci here is my config

I have an Angular 6 project I would like to upgrade to Angular 10, but I have read it’s best to do it one major version at a time, so I am trying to get it to 7.3 for now. I have followed all the steps on update.angular.io, but I am beginning to think it’s not a very complete guide. This question will be broken up into several sub-questions:

1. After upgrading Angular Core and CLI (ng update @angular/cli@7 @angular/core@7), I tried to run “ng serve”, but then get these compile errors:

...

Hi y'all So I have a component(let's call this recipe component) that has a ref to another component(Let's call this grocery component).

My recipe component has a reference to grocery component. A method in my recipe component uses the grocery component ref to call a method within the grocery component.

The recipe component method is called addToGroceryList(recipeName,ingredients) this method uses the grocery component reference to call groceryComponenent.addToGroceryList(recipeName,ingredients)

And when I do this my dom doesn't get updated and for the life of me I can't figure out why. How ever I made a temporary button in my grocery Component html to call groceryComponent.addToGroceryList("test1",["test"]) and when I use this mock button the dom updates just fine. So I know the issue is because I'm invoking methods through a reference.

Anyways here's my code. groceryList is my reference to my other component

RecipeComponent:

I am using MatSelect, MatChips and many other Mat libraries but none seem to work with AOT mode enabled. Dropdowns, MatChip inputs are not responding after clicks. They are working without AOT. Below is my package.json file and code snippet for MatSelect. I have imported MatSelectModule and all other required Material modules. Not able to get what am I missing here. Please help.

P.S. I tried removing [(ngModel)] and setting it in the ts file but it still doesn't work.

package.json

I am facing an issue, when trying to make production build with ng build --prod while ng build and ng serve running fine...