angular-calendar | flexible calendar component | Calendar library

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 a pre-developed angular project, i just ran npm i to install its packages locally, then ng serve to run the project, the project works well without problems but..

when i wanted to create a new component with ng g c new-component i got this error:

Compile fails with this error. I have looked through all the posts with similar titles and not found anything helpful yet. Angular 7. I was trying to update some dependencies to resolve prod vulnerabilities, the change list for this was moving angular-devkit/build-angular to dev dependencies, removing abandoned and unused packages, adding ngx-toastr 10, upgrading jasmine-core from 3.3 to 3.8.

I have deleted, cleared cache, and reinstalled all node packages and then tried specifically doing that to angular/cli (7.1.1) and webpack (4.12.0). Edited+saved a random ts file. Added app/app.module.ts specifically to tsconfig.app.json's files param and include param. Added strictMetadataEmit:false to tsconfig.json and tsconfig.app.json compilerOptions (unknown compiler param error).

tsconfig.json

I'm using an angular full calendar in my project and I have tried this https://mattlewis92.github.io/angular-calendar/#/kitchen-sink.
but in this, I'm getting some errors.

here is my HTML code

In my current project I have a backend with nestjs and a frontend in angular.

I am loading some data from the backend in my service using ngrx entity as follows:

calendar-event.service.ts

I'm making an angular app with a component that shows events in a calendar, so I've decided to use angular-calendar for the view. In the moth view there's an option that shows all events of a day and allow to modify/delete the event. However, i'm not able to show the action buttons, so i can't show the corresponding dialogs.

Angular-calendar example screenshot:

enter image description here

My app example screenshot:

enter image description here

To implement this I've followed the example and added a CalendarEventAction[] with the modify and delete options and added to my example event like this (I've not included all the code):

calendar.component.ts:

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

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'm trying to compile an Ionic 3 app with Firebase on Ios using Xcode Version 12.3 (12C33).

Even with the module in the Podfile, for some reason it keeps giving 'Use of undeclared identifier 'FIRAnalyticsConfiguration'

What I'm doing wrong? Everything looks updated.

Commands used: