angular-jwt | Library to help you work with JWTs on AngularJS | Authentication library

I would like some help with a problem with building my Angular 7 & Ionic 4 app...

If I run ng build --prod comand i get the following error:

In my Angular project I try to use Google Chrome for testing with Karma & Jasmine in a GitHub Action.

The Google Chrome start with multiple errors, and then dies after some tests. I tried several tips from StackOverflow ansers in this topic, but nothing helped.

I use this versions:

• Chrome 99.0.4844.51 (latest at this time)
• Karma 6.3.16
• Angular 13.2.3 (I think it's not relevant, but I don't know)

I have this karma.conf.js file:

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:

Currently, after logging in I'm able to get the JWT to the frontend. My app currently has a logging page as the landing page and as soon as the user logins the route checks for authentication to redirect to the guarded home path.

My first intuition was to send a boolean from the backend (Django) and use that to create a guard. But I keep seeing that seems to be better practice to handle this in the front end.

What I did was create an auth.service.ts and an auth.guard.ts. In the service, I try to retrieve the token from the browser and then verify that it hasn't expired. Then I call that method on the guard and return a boolean. Problem is that every time I look for the token in the local storage, I get back null.

Is there any better way to get achieve this?

auth.guard.ts

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'm trying to build a webapp using Angular 12. However, when attempting to build, I get the following error:

Error: Module not found: Error: Can't resolve '@angular/animations/browser' in 'directorypath\@angular\platform-browser\fesm2020' Did you mean 'browser.js'? BREAKING CHANGE: The request '@angular/animations/browser' failed to resolve only because it was resolved as fully specified (probably because the origin is a '.mjs' file or a '.js' file where the package.json contains '"type": "module"'). The extension in the request is mandatory for it to be fully specified. Add the extension to the request.

I have tried multiple solutions including clearing the node_modules folder and reinstalling but nothing has helped. I have also confirmed that the directory [@angular\animations] does exist.

app.module.ts

I'm currently having trouble getting my Ionic 5 along with Angular 9 project to work.

ionic cordova run android works great

but as soon i run ionic cordova run android --prod the only thing i get is a blank screen.

Output from chrome dev tools:

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

I tried to insert an Auth System to the Angular App. (This one.

After finishing everything, I got for this code: