ng2-dragula | Simple drag and drop with dragula | Widget library

I have recently upgraded from angular 7 to angular 8.2.14, along with the PrimeNG version upgraded to 8.0.0, and the Application working in all the browsers except the internet explorer

Below is my package.json file

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 am trying to render my angular components dynamically using loops but I'm lost.

What I want to achieve is drag and re-arrange my components (I was able to achieve this using Dragula - ng2-dragula) but I want to save the arrangement to my local storage or session storage.

The tricky part is I am using child components

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:

...

I am making web application with Angular8 and Firebase(db, functions, hosting) with Angularfire.

In non-production mode all works as expected. But when i try to build (or even serve) the app project in production mode the app throws following error in browser's console:

Trying to figure out why the project builds correctly locally but fails on the build server

On both machines I use the same package.json

I am using ng2-dragula for drag and drop feature. I am seeing issue when I drag and drop first element(or any element) at the end and then try to add new item to the array using addNewItem button, new item is not getting added to the end. If i don't drop element to the end, new item is getting added at the end in UI. I want new items to be displayed at the bottom in any scenario. Any help is appreciated. This issue is not reproducible with Angular 7. I see this happening with Angular 9

JS

For production build i am using ng build --prod command but getting this error

package.json

I am trying to implement a way to change the table header. Changing only the Thead is possible but changing the contents of the table together was not successful.

app.component.ts