angular-split | Angular UI library to split views | Widget library

I have recently migrated the app from ionic 4 to 5 - Angular 7 to 9. Made all the migration specific changes to config & code. Ionic serve works well. Also no error while creating a production build. But app is not getting loaded! Also used service worker in application.

followed the migration guidelines provided by Ionic & Angular

Package.json -->

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 have the following sample array:

In my app i export the AngularSplitModule in a shared module so i can use it when needed in different feature modules.

After updating to angular 7 from angular 6 with minimal code changes in our code repository, karma uni test runs became very slow, and when running with the watch parameter set to true, it fails to reload/re-bundle the tests immediately after saving a file, where mostly it takes 4 minutes after saving a file to re-trigger the test runner, or in some cases it times-out. A single ng test karma run with angular 7 usually takes about 3 minutes as it did in angular 6. The 4 minutes slow time in angular 7 is persisting even when running a single spec file, which used to take mere seconds to run and rebuild before upgrading to angular 7.

Package.json file content:

I want to delete the unwanted files in node_modules folder to reduce the size and for fast loading. My application is too slow while loading I don't know what's the reason.Can anyone suggest me to minimize the file size.

Here is my package.json

I am using angular/cli 1.3.2 and Angular 4.4.0. When I use an npm module angular-split@0.2.2,during compilation I met

ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function (position 194:50 in the original .ts file), resolving symbol NgModule in path-to-project/node_modules/angular-split/node_modules/@angular/core/core.d.ts, resolving symbol AngularSplitModule in path-to-project/node_modules/angular-split/dist/angularSplit.module.d.ts, resolving symbol AngularSplitModule in path-to-project/node_modules/angular-split/dist/angularSplit.module.d.ts

Here in file angularSplit.module.d.ts there is only one line of code:

export declare class AngularSplitModule {}

However, this error can be "resolved" by saving any file and trigger the recompile (weird).

Then, when I open localhost:4200 in the browser I will see another error:

compiler.es5.js:1694 Uncaught Error: Unexpected value 'AngularSplitModule' imported by the module 'AppModule'. Please add a @NgModule annotation.

From github and stackoverflow I found some similar problems but no one could tell the reason.

This happened after I updated node/angular/angular-cli, but after I roll back it still didn't work.

Does anyone know why this happened?

I am facing some strange issue with the protractor tests. I have used the following piece of code to get the text of the element.

I wanna set my custom tag minimum and maximum margin-left. How can I do this?

I am using angular 2 and using a plugin angular-split. There I have a directive split-gutter. For that I need to set min and max margin-left.

Plunker follows

https://plnkr.co/edit/w8O2I3bD4bdXp0QsL35L?p=preview

I wanna restrict cursor move(splitting 2 panels) only for 50% to 70%. Means, I wanna set max and min margin-left to cursor.

HTML