ng2-file-upload | Easy to use Angular components for files | File Upload library

I'm using a child component:

I'm trying to convert an angular project to ionic, i've initialised and changed the config in angular.json, package.json and ionic.config.json project name matches.

The project name is simply "frontend", but when i now try to use ionic serve i'm getting this:

An unhandled exception occurred: Project does not exist.

I've checked everything i can think of and i don't see why it's not picking the project up, could do with a fresh pair of eyes please. I have listed each config file below, and i can't see any issue!

package.json:

I have created a Django and Angular application to upload files. It was working without errors until I integrated a login page. I have not been able to upload files since integration. I get 401 - "Unauthorized" error. What could have possibly gone wrong?

Auth-interceptor:

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 have an Angular 11 project with nguniversal. My homepage is fetching data from services, internal (translation keys object) and external (an express node server to display a list of links). The backend domain is different from the frontend domain address.

The website is displayed correctly, but for some reason, the translations and list of links are not loaded initially when I inspect the page source. Also, the meta and title tags are not visible in the page source. Although they are working.

I believe this should be essential for Search Engine Optimization.

I am loading the language keys from an internal translation service, as observable into the app.component.ts. The translation service itself is dependent on a window service which waits for the browser to load, isPlatformBrowser. The window service is needed to simulate the window object on the server.

I also tried fetching the api data, before or after platform browser initializes, but with no success.

What else am I missing?

EDIT, part of the code. Not sure if I should include the whole project code here:

I'm using ng2-file-upload in my Angular 10 project for uploading user photo. The uploading process just goes well. The only problem is that I have to refresh the browser to display the newly uploaded photo. However, I would expect any newly uploaded photo immediately showing up in the photo list other than the user having to take extra step by refreshing the browser in order to have the newly added photo displayed.

Here is my component.ts

I encouter a problem with my app that has a main.js with a size of 8.34 MB by defalt (ng build). I tested a lot ! of things to reduce it but i just don't arrive to..

I really need that the size be less than 2 mb.. ( and i think it's huge too..) Thanks for help ! What i tried (size of main.js) :

I have taken checkout of angular project and trying to run ng serve with this command I am getting the following error.

I am writing a simple angular app which uses node as back-end for file upload. My project folder is as such:

To run this in Angular, I do

1. ng serve
2. Simultaneously run "nodemon server" in another command line in same folder and I am good to go. I tried doing this in Dockerfile with below instructions: