angular-dropdowns | Simple , standalone dropdown directives | Frontend Framework library

When we are trying to update our Angular 9 application(Single SPA micro frontend) to Angular 12 we are facing bellow issue.

Error on console when trying to run this app:

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 have a website served by express running on AWS Elastic Beanstalk, Node.js 14. Login and everything works fine on Chrome, but on Firefox I get window.openDatabase is not a function and on Safari I get web sql is deprecated when I try to login. Website: https://www.portapay.xyz/login. I am currently not building for production; how I build: ng build --configuration development. I have made sure that all of my browsers are up to date and have the latest version. None of the code I wrote uses window.openDatabase or executeSql. I only connect to a MongoDB with Kinvey's SDK. I do not use Cordova.

browserlistrc

I am upgrading my application from Angular 8 to 9. I used the below command.

I'm making a directive to ensure that the kendo-combobox wil open its menu when receiving focus. This is what i got so far:

I'm using Kendo UI for Angular and I'm currently trying to make a simple Grid to work.

Here's my code :

I upgraded from Angular 9.17 to 9.19 and now ng build fails with the following error complaining about a variable declaration in both @types/node and zone.js:

ERROR in node_modules/@types/node/ts3.5/globals.global.d.ts:1:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'global' must be of type 'Global', but here has type 'Global & typeof globalThis'.

1 declare var global: NodeJS.Global & typeof globalThis; ~~~~~~

node_modules/zone.js/dist/zone.js.d.ts:600:13 600 declare var global: NodeJS.Global; ~~~~~~ 'global' was also declared here.

It was working fine before upgrading and now won't build. This was the only change.

Please help.

My package.json

I got this error after installed 'angular-in-memory-web-api'.

import { InMemoryDbService } from "angular-in-memory-web-api";

and I got these error

ERROR in node_modules/angular-in-memory-web-api/backend.service.d.ts(18,19): error TS1086: An accessor cannot be declared in an ambient context.

This is my packge.json

Recently i moved my angular application in some different folder. since then when i want to build the app i get this error:

Schema validation failed with the following errors: Data path "" should have required property 'tsConfig'

I tried to look up in github and stackoverflow and only found these links:

https://github.com/angular/angular-cli/issues/11479

they say i have to downgrade a package:

"@angular-devkit/build-angular": "^0.800.1" to "^0.12.4"

but this don't feel like the right way