Upgrade application to Angular 14 having runtime error - angular14

Question

An angular 9.x project which consumes two libraries. Recently upgraded all to Angular 14.0 step by step. All are compiling fine but after consuming libs in the application and running it throws this error :
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Users\\Julia.Kabirian\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'start',
1 verbose cli 'leap',
1 verbose cli 'au',
1 verbose cli 'dev',
1 verbose cli 'au_08052_jk'
1 verbose cli ]
2 info using npm#6.14.17
3 info using node#v14.15.1
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle content-apps-au#0.0.0~prestart: content-apps-au#0.0.0
6 info lifecycle content-apps-au#0.0.0~start: content-apps-au#0.0.0
7 verbose lifecycle content-apps-au#0.0.0~start: unsafe-perm in lifecycle true
8 verbose lifecycle content-apps-au#0.0.0~start: PATH: C:\Users\Julia.Kabirian\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\Julia.Kabirian\projects\content-apps-au\node_modules\.bin;C:\Python310\Scripts\;C:\Python310\;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\WindowsPowerShell\Scripts;C:\Program Files\dotnet\;C:\Users\Julia.Kabirian\AppData\Roaming\nvm;C:\Program Files\nodejs;C:\Program Files\PuTTY\;C:\Program Files\PowerShell\7\;C:\Program Files\Git\cmd;C:\Program Files (x86)\dotnet\;C:\ProgramData\chocolatey\bin;C:\Program Files\nodejs\;C:\Users\Julia.Kabirian\AppData\Local\Microsoft\WindowsApps;C:\Users\Julia.Kabirian\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\Julia.Kabirian\AppData\Roaming\nvm;C:\Program Files\nodejs;C:\Users\Julia.Kabirian\.dotnet\tools;C:\Users\Julia.Kabirian\AppData\Roaming\npm
9 verbose lifecycle content-apps-au#0.0.0~start: CWD: C:\Users\Julia.Kabirian\projects\content-apps-au
10 silly lifecycle content-apps-au#0.0.0~start: Args: [ '/d /s /c', 'npx task client "leap" "au" "dev" "au_08052_jk"' ]
11 silly lifecycle content-apps-au#0.0.0~start: Returned: code: 1 signal: null
12 info lifecycle content-apps-au#0.0.0~start: Failed to exec start script
13 verbose stack Error: content-apps-au#0.0.0 start: `npx task client "leap" "au" "dev" "au_08052_jk"`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (C:\Users\Julia.Kabirian\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:315:20)
13 verbose stack at ChildProcess.<anonymous> (C:\Users\Julia.Kabirian\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:315:20)
13 verbose stack at maybeClose (internal/child_process.js:1048:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid content-apps-au#0.0.0
15 verbose cwd C:\Users\Julia.Kabirian\projects\content-apps-au
16 verbose Windows_NT 10.0.19042
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\Julia.Kabirian\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "start" "leap" "au" "dev" "au_08052_jk"
18 verbose node v14.15.1
19 verbose npm v6.14.17
20 error code ELIFECYCLE
21 error errno 1
22 error content-apps-au#0.0.0 start: `npx task client "leap" "au" "dev" "au_08052_jk"`
22 error Exit status 1
23 error Failed at the content-apps-au#0.0.0 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
here is my package.json:
{
"name": "my-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"task": "node ./node_modules/#company/project/scripts/tasksfile.js",
"postinstall": "ngcc && npx task proxy",
"start": "npx task client",
"build": "npx task build",
"prettier": "npx task prettier",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"#angular/animations": "14.1.0",
"#angular/cdk": "14.1.0",
"#angular/common": "14.1.0",
"#angular/compiler": "14.1.0",
"#angular/core": "14.1.0",
"#angular/forms": "14.1.0",
"#angular/material": "14.1.0",
"#angular/platform-browser": "14.1.0",
"#angular/platform-browser-dynamic": "14.1.0",
"#angular/router": "14.1.0",
"#leapdev/my-app-lib": "4.10.32",
"#leapdev/gui": "^0.2.260",
"#leapdev/gui-icons": "2.0.28",
"#leapdev/gui4d": "0.1.1",
"#microsoft/office-js-helpers": "0.8.0-beta.4",
"#ngrx/effects": "14.0.2",
"#ngrx/entity": "14.0.2",
"#ngrx/store": "14.0.2",
"#ngrx/store-devtools": "14.0.2",
"bootstrap": "^4.3.1",
"buffer": "5.6.0",
"ng-inline-svg": "10.1.0",
"ng-node-environment": "^1.1.1",
"ngrx-store-logger": "0.2.4",
"ngx-logger": "4.1.9",
"ngx-monaco-editor": "^9.0.0",
"node-sass": "^4.12.0",
"rxjs": "6.6.3",
"stream": "0.0.2",
"tslib": "^2.0.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"#angular-devkit/build-angular": "14.1.0",
"#angular/cli": "14.1.0",
"#angular/compiler-cli": "14.1.0",
"#angular/language-service": "14.1.0",
"#types/googlemaps": "3.39.3",
"#types/jasmine": "~3.6.0",
"#types/jasminewd2": "2.0.8",
"#types/jquery": "^3.3.29",
"#types/jszip": "0.0.33",
"#types/jwt-decode": "2.2.1",
"#types/lodash-es": "4.17.3",
"#types/node": "13.9.8",
"#types/office-js": "1.0.123",
"#types/uuid": "3.4.3",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"prettier": "1.18.2",
"protractor": "~7.0.0",
"tasksfile": "5.1.0",
"ts-node": "~7.0.0",
"tslint": "~6.1.0",
"tslint-config-prettier": "1.18.0",
"typescript": "4.6.4"
}
}
my node and npm versions are as follows:
npm --version
6.14.17
node --version
v14.15.1
Any help will be appreciated.