kendo-theme-default | The default , SCSS-based theme for Kendo UI | Theme library

I've been asked to go through our application and update all the frameworks as it was incredibly outdated, one of the things was to update babel, now one of our scripts in package.json was:

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 Blazor app that I was running in Visual Studio 2019/.NET 5 and then, due to this issue, I moved to Visual Studio 2022/.NET 6 and upgraded the Blazor app accordingly.

Unfortunately, I am still getting a "::deep" is not a valid pseudo-element error is the IDE and the styles are NOT being applied. Here is the class in my MainLayout.razor.css stylesheet:

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 have a third party SCSS file that I am including in my project, and Dart SASS is displaying a long list of warnings as a result. How can I disable the warnings for third party includes?

I'm using Vue with Dart SCSS. Dart has a quietDeps option, but I'm not sure if I'm using it the right way.

I run ng serve and there is the error about angular-devkit. So I installed it, but I got this error :

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

Here's my code :

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