ngx-progressbar | Angular progress bar

After hours of searchig of where is CanActivate interface is implemented in the web app didn't find nothing. So I want to ask you is there a way to generally disable it? Cant access my url and didn't find any other redirect. It sends me to the login page every time. I am not familiar with angular so please excuse me. If you need some code example just tell me. I am not sure what I have to provide.

EDIT The routing file ( I guess ):

I am facing the below issue while using ng build --prod.

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

Tried increasing the size limit by using https://github.com/endel/increase-memory-limit but it is still failing to build. Do i need to change anywhere in the node_modules?

10% building modules 6/8 modules 2 active ...\bootstrap\dist\css\bootstrap 90% chunk assets processing<--- Last few GCs --->

174152 ms: Mark-sweep 1266.2 (1435.6) -> 1265.2 (1435.6) MB, 934.7 / 0.0 ms [allocation failure] [GC in old space requested]. 175021 ms: Mark-sweep 1265.2 (1435.6) -> 1265.2 (1435.6) MB, 869.8 / 0.0 ms [allocation failure] [GC in old space requested]. 175964 ms: Mark-sweep 1265.2 (1435.6) -> 1267.9 (1410.6) MB, 942.4 / 0.0 ms [last resort gc]. 176889 ms: Mark-sweep 1267.9 (1410.6) -> 1271.4 (1410.6) MB, 924.1 / 0.0 ms [last resort gc].

<--- JS stacktrace --->

==== JS stack trace =========================================

Security context: 0000011C7D03FA99 1: getLast(aka getLast) [E:\projects\Nila Company\memarane\front-end\node_modules\escope\lib\pattern-visitor.js:~45] [pc=000002C336273AA1] (this=0000011C7D004241 ,xs=0000037217E78589 ,xs=0000037217E78589 ) 2: Identifier [E:\projects\Nila Company\memarane\front-end\node_modules\escope\lib\pattern-visitor.js:76] [pc=000002C335B8874A] (this=0000037217E78539

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

and my dependencies are :

I try the demo code "https://stackblitz.com/edit/ngx-progressbar?file=src%2Fapp%2Fapp.component.ts". On this website is success.

Then I take this demo code to my project. why can't i see progress bar when i use http requests?

After upgrading my angular project from 7 to 8 I got the follwoing error:

ERROR in node_modules/@angular/router/router.d.ts(1817,22): error TS2300: Duplicate identifier 'Router'

here is my tsconfig.json

I'm using jhipster in my project. in this project we use angular 5 for ui. for my report use stimulsoft and I need to add report.js and viewer.js of to my project but after add this to vendor.ts show the below error:

I am using the latest version of redux-observable and Rxjs i.e

I'm using ngx-progressbar and it works fine with http request started from within services, components or resolvers.

Note that no manual triggering of the progress bar (via service, etc) during http request is needed. It is triggered automatically.

Unfortunately it doesn't work as expected when making an http request from within an NGXS State :

stackblitz :

I created for every case a button :

• "Make Request (Dispatch to store, w/o zone)"

This does not work, no progress bar appears (or it appears but hangs and does not complete to 100%)

I'm trying to practice Angular and wanted to make a progress bar loader using the following Method:

https://github.com/MurhafSousli/ngx-progressbar

However, when I tried to install: npm i -S @ngx-progressbar/core I had lots of unmet peer dependencies, and I don't know how to solve the problem.

I tried updating the packages using the npm update and try it again but still same problem.

and I don't know if it helps or not ( ^^; )but tried running cmd as an administrator and still same problem.

this is a screenshot of the error that I got.

I am using angular 4 in my app. I implemented a download funtionality which will be processed after clicking one button. When download will finished user will see the download link below. Now the download data are coming from rest api. I am using ngx-progressbar to show progress while downloading. When user will click the download button each time he will get a notification "OK" or "Not Ok" (if error occurs in newtwork). I am very new in handling angular stuff now. I would like to disable the button while download is in progress.But in my case all the timeI can click the button, even it is in progress. I would like to kno whow can I make my button disabled. Here is my code. I am giving only related code for that

RESOLVED CODE

angular.ts