angular-fontawesome | A simple Angular directive for FontAwesome | Awesome List library

I have this line of code in almost every component file where I have subscribe to an observable returning from singleton service file.

destroy$ : Subject = new Subject()

I've installed font awesome and added the FontAwesomeModule to the imports for app.module.ts. I'm trying to add an icon to a component within this module and it still says that "fa-icon" is not a known element:

"'fa-icon' is not a known element:

1. If 'fa-icon' is an Angular component, then verify that it is part of this module.
2. If 'fa-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message."

All of the answers I see out there are because the FontAwesomeModule isn't added to the imports of the module containing the component and icon. This isn't the case and I'm looking for the reason why it is still not recognized.

courses.component.html:

1. I am working with ngb-datepicker which is working fine if no initial values or predefined values are set but when trying to use it formControlName or with [(ngModel)] with an existing predefined value the predefined or initial value is not setting on the redenied view. Imagine this as a scenario of editing a form or record with prefilled values. Other formControls with text and numbers are working as intended.
2. I am using NgbStruct Model but still not working.
3. I tried and debugged the code the value are getting assigned to the form control in a patchValue method and in the format of NgbStruct but not seen in the rendered view
4. I tried to implement similar scenario in example provided in stack blitz by ng-bootstrap it is working fine there

Package.json file

I have an angular application upgraded to 11.

And I do a > ng build --prod

And I see this information:

I created a component cookie.component in modal/ folder with the component.modulewhich contains the necessairy to make the module translate work

cookie.component.module

I am working on an angular 9 project where I implemented self-designed user authentication using AWS Amplify with the help of the following steps: https://gerard-sans.medium.com/build-your-first-full-stack-serverless-app-with-angular-and-aws-amplify-d2e4716de9bd. Also, I integrated graphQL in the backend. And the whole project runs fine locally and throws an error on deployment. It shows the following error on deployment.

I am using the following angular dependencies:

I'm relatively new to Angular and the node ecosystem, so this might be a simple oversight.

The problem

I have an Angular 11 project in Visual Studio 2019 which is configured to use Typescript 4. Running this project through Visual Studio results in a 404 page, with the message "Cannot GET /". Attempting to build it through the command line with ng build results in a huge number of errors, with the gist being that several types cannot be found. These include Iterable, Set and Map. E.g.:

Error: node_modules/rxjs/internal/types.d.ts:41:84 - error TS2304: Cannot find name 'Iterable'.

This message also appears many times, despite the option being set to es2017 (es2015 also results in the same errors, though):

Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later.

I've grepped for "Iterable" in my node_modules/@types folder, but have not found a definition for it, despite it being referenced in several places. It's possible I'm missing a types package, but I don't know how to find out which one, if so.

Update

This issue seems to be caused by referencing the following type definitions at the top of one of my services:

Describe the bug I am trying to migrate to Mikro-Orm and I have been stuck with this error for > 3 days, where the problem with the error is that it's not helping me knowing where it's coming from, and the problem is that it happens on random areas, I commented a lot of code and trying to isolate where it's coming from but it's unpredictable. I've did a lot of research and I came up with this https://github.com/mysqljs/mysql/issues/1949 and https://github.com/sipcentric/node-pbx-client/issues/4 , the only i can think about it's the mysql which is why i'm guessing it might be liked to MikroOrm.

Any expert advise would be a lot appreciated please.

The problem is that nestjs api that I'm bolding is not responding with the response

Stack trace

I am trying to make Generic Firestore Service. Here is my script,