Cannot run npm install only on this project - node.js

I have run npm install many times on this project in the past and I know that it should work just fine. That being said I cannot run npm uninstall either but only on this project. I know this isn't a lot to go on, has anything changed with the format or is something incorrectly formatted?
When I run npm install it takes maybe 10 seconds and then I get this message.
npm ERR! code UNKNOWN npm ERR! UNKNOWN: unknown error, open 'D:\TFS
Source\xxx\xxx\node_modules.bin\ngc'
npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\Bailey
Miller\AppData\Roaming\npm-cache_logs\2017-12-27T14_41_52_431Z-debug.log
Side note: the ngc file is empty, and none of my text editors can open it. The debug log file is so long and has no clear way of finding errors.
package.json: Snippet
"dependencies": {
"#angular/common": "^4.2.6",
"#angular/compiler": "^4.2.6",
"#angular/core": "^4.2.6",
"#angular/forms": "^4.2.6",
"#angular/http": "^4.2.6",
"#angular/platform-browser": "^4.2.6",
"#angular/platform-browser-dynamic": "^4.2.6",
"#angular/router": "^4.2.6",
"#ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.28",
"#ngrx/core": "^1.2.0",
"#ngrx/db": "^2.0.2",
"#ngrx/effects": "^2.0.4",
"#ngrx/router-store": "^1.2.6",
"#ngrx/store": "^2.2.3",
"#ngrx/store-devtools": "^3.2.4",
"bootstrap": "^4.0.0-alpha.6",
"core-js": "^2.4.1",
"moment": "^2.18.1",
"reselect": "^3.0.1",
"rxjs": "^5.4.2",
"web-animations-js": "^2.2.5",
"zone.js": "^0.8.4"
},
"devDependencies": {
"#angular/cli": "1.6.2",
"#angular/compiler-cli": "4.2.6",
"#types/jasmine": "2.5.38",
"#types/node": "8.0.10",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^0.2.0",
"karma-ie-launcher": "^1.0.0",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"ngrx-store-freeze": "^0.1.9",
"protractor": "~5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0"
}

Related

Error: Data path "" must NOT have additional properties(allowedCommonJsDependencies) when upgrading from Angular 11 to 12

So I just updated the Angular version of my project from 11 to 12 and whenever I try to run the server, I get the following error:
Warning: Running a server with --disable-host-check is a security risk. See https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a for more information.
"BuildCustomWebpackBrowserSchema" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID.
Schema validation failed with the following errors:
Data path "" must NOT have additional properties(allowedCommonJsDependencies).
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! smart-med#0.0.0 start: `node --max_old_space_size=8048 ./node_modules/#angular/cli/bin/ng serve --disable-host-check "pharmacy"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the smart-med#0.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
I have already tried deleting node_modules and package_lock-json and run npm i but it didn't work. Furthermore the file "allowedCommonJsDependencies" does not exist on angular.json
Package.json:
"dependencies": {
"#angular/animations": "~12.2.17",
"#angular/cdk": "~12.2.13",
"#angular/cli": "^12.2.18",
"#angular/common": "~12.2.17",
"#angular/compiler": "~12.2.17",
"#angular/core": "~12.2.17",
"#angular/forms": "~12.2.17",
"#angular/localize": "^12.2.17",
"#angular/material": "~12.2.13",
"#angular/material-moment-adapter": "~12.2.13",
"#angular/platform-browser": "~12.2.17",
"#angular/platform-browser-dynamic": "~12.2.17",
"#angular/router": "~12.2.17",
"#angular/service-worker": "~12.2.17",
"#auth0/angular-jwt": "^3.0.1",
"#auth0/auth0-spa-js": "^1.6.0",
"#devexpress/analytics-core": "^21.1.5",
"#ngx-translate/core": "^11.0.1",
"#ngx-translate/http-loader": "^4.0.0",
"#ngxs/logger-plugin": "^3.4.3",
"#ngxs/router-plugin": "^3.4.3",
"#ngxs/store": "^3.4.3",
"#zxing/ngx-scanner": "^3.0.0",
"adal-angular4": "4.0.12",
"angular-tree-component": "~8.5.6",
"angularx-qrcode": "^2.3.7",
"bootstrap": "^3.4.1",
"core-js": "~3.6.4",
"devexpress-reporting-angular": "^21.1.5",
"devextreme": "^21.1.5",
"immer": "^2.0.0",
"keycloak-angular": "^7.3.1",
"keycloak-js": "^10.0.2",
"lodash-es": "^4.17.11",
"lodash.memoize": "^4.1.2",
"moment-timezone": "^0.5.23",
"ngx-infinite-scroll": "^9.0.0",
"ngx-mask": "^9.1.0",
"ngx-responsive": "^9.0.0",
"roboto-fontface": "^0.8.0",
"rxjs": "~6.5.4",
"tslib": "^2.0.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"#angular-builders/custom-webpack": "~9.0.0",
"#angular-builders/jest": "~9.0.0",
"#angular-devkit/build-angular": "~12.2.18",
"#angular-devkit/build-ng-packagr": "~0.1002.4",
"#angular-devkit/schematics": "~12.2.18",
"#angular/compiler-cli": "~12.2.17",
"#angular/language-service": "~12.2.17",
"#babel/compat-data": "~7.9.0",
"#openapitools/openapi-generator-cli": "^2.2.3",
"#testing-library/angular": "^10.0.2",
"#testing-library/dom": "^7.24.3",
"#testing-library/jest-dom": "^5.11.4",
"#testing-library/user-event": "^12.1.6",
"#types/jasmine": "~2.8.8",
"#types/jasminewd2": "~2.0.3",
"#types/jest": "~25.1.5",
"#types/lodash-es": "^4.17.3",
"#types/moment-timezone": "^0.5.12",
"#types/node": "^12.11.1",
"codelyzer": "^5.1.2",
"http-server": "~0.12.1",
"husky": "^8.0.1",
"istanbul-combine": "^0.3.0",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~5.0.0",
"jest": "~25.2.7",
"jest-junit": "^10.0.0",
"lint-staged": "^10.2.11",
"ng-packagr": "^12.2.7",
"npm-run-all": "^4.1.5",
"prettier-stylelint": "^0.4.2",
"protractor": "~7.0.0",
"rimraf": "^2.6.3",
"scss-bundle": "^2.5.1",
"stylelint": "^9.10.1",
"stylelint-config-prettier": "^6.0.0",
"stylelint-config-standard": "^18.2.0",
"ts-loader": "^5.4.4",
"ts-node": "~7.0.0",
"tslint": "~6.1.0",
"tslint-plugin-prettier": "^2.0.1",
"typescript": "~4.3.5",
"webpack-bundle-analyzer": "^3.6.0",
"yamljs": "^0.3.0",
"yargs": "^17.1.0"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
}
How can I fix this?

npm start stop with exit status 3 : Failed to exec start script [Angular]

I'm new on Angular and I have to work on a project in this technology.I set up the project but when I run the npm start command, the process npm start stop suddenly : the ng serve fails. I tried to investigate but I found nothing that can fix my problem.
You can see the errors here : errors
npm version : 6.14.11
node version : v14.15.5
Dependencies in the package.json file :
"dependencies": {
"#angular/animations": "^11.0.3",
"#angular/cdk": "^11.0.1",
"#angular/common": "~11.0.3",
"#angular/compiler": "~11.0.3",
"#angular/core": "~11.0.3",
"#angular/flex-layout": "^11.0.0-beta.33",
"#angular/forms": "~11.0.3",
"#angular/material": "^11.0.1",
"#angular/platform-browser": "~11.0.3",
"#angular/platform-browser-dynamic": "~11.0.3",
"#angular/platform-server": "~11.0.3",
"#angular/router": "~11.0.3",
"#angular/service-worker": "^11.0.3",
"#ngx-prism/core": "^2.0.1",
"#syncfusion/ej2-angular-richtexteditor": "^18.3.52",
"#types/prismjs": "^1.16.2",
"#types/socket.io-client": "^1.4.34",
"angular-http-server": "^1.9.0",
"app-root-path": "^3.0.0",
"chart.js": "^2.9.4",
"compodoc": "0.0.41",
"core-js": "^3.8.0",
"dotenv": "^8.2.0",
"http-server": "^0.12.3",
"http-status": "^1.5.0",
"jquery": "^3.5.1",
"ngx-captcha": "^8.0.1",
"ngx-countdown": "^11.0.0",
"ngx-countdown-timer": "^0.2.0",
"ngx-drag-drop": "^2.0.0",
"ngx-json-viewer": "^2.4.0",
"ngx-mat-select-search": "^3.1.4",
"ngx-pipes": "^2.7.5",
"ngx-socket-io": "^3.2.0",
"prismjs": "^1.22.0",
"rxjs": "^6.6.3",
"rxjs-compat": "^6.6.3",
"socket.io-client": "^3.0.3",
"xls": "^0.5.1",
"xlsx": "^0.16.9",
"zone.js": "^0.11.3"
},
"devDependencies": {
"#angular-devkit/build-angular": "^0.1100.3",
"#angular/compiler-cli": "^11.0.3",
"#compodoc/compodoc": "^1.1.11",
"#types/chart.js": "^2.9.28",
"#types/jasmine": "3.6.2",
"#types/node": "^14.14.10",
"#types/source-map": "^0.5.7",
"#types/webpack": "^4.41.25",
"typescript": "~4.0.0"
}
Do you have an idea ?
I tried to run :
npm cache clean --force
npm install
npm start
But that don't help me.

Angular 10 Warning: Entry point 'devextreme-angular..' contains deep import into module

I'm trying to build my angular app but I'm receiving this kind of warnings:
Warning: Entry point 'devextreme-angular/ui/data-grid' contains deep imports into '{path to node modules}/node_modules/devextreme/ui/data_grid', '{path to node modules}/node_modules/devextreme/bundles/dx.all', '{path to node modules}/node_modules/devextreme/ui/filter_builder', '{path to node modules}/node_modules/devextreme/ui/form', '{path to node modules}/node_modules/devextreme/ui/popup'. This is probably not a problem, but may cause the compilation of entry points to be out of order.
Then I have this error:
Generating ES5 bundles for differential loading...
An unhandled exception occurred: Call retries were exceeded
These are my node and angular versions:
Angular CLI: 10.2.1
Node: 12.18.3
OS: win32 x64
Angular: 10.2.4
In the produced log file I have:
[error] Error: Call retries were exceeded
at ChildProcessWorker.initialize ({path to node modules}\node_modules\jest-worker\build\workers\ChildProcessWorker.js:193:21)
at ChildProcessWorker._onExit ({path to node modules}\node_modules\jest-worker\build\workers\ChildProcessWorker.js:274:12)
at ChildProcess.emit (events.js:315:20)
at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
This is the package.json file:
"dependencies": {
"#angular/animations": "^10.2.3",
"#angular/cdk": "^10.2.7",
"#angular/common": "^10.2.3",
"#angular/compiler": "^10.2.3",
"#angular/core": "^10.2.3",
"#angular/forms": "^10.2.3",
"#angular/material": "^10.2.7",
"#angular/material-moment-adapter": "^10.2.7",
"#angular/platform-browser": "^10.2.3",
"#angular/platform-browser-dynamic": "^10.2.3",
"#angular/platform-server": "^10.2.3",
"#angular/pwa": "^0.7.1",
"#angular/router": "^10.2.3",
"#angular/service-worker": "^10.2.3",
"#ngx-translate/core": "^11.0.1",
"#ngx-translate/http-loader": "^4.0.0",
"#syncfusion/ej2-angular-richtexteditor": "^18.3.52",
"#tinymce/tinymce-angular": "^4.1.0",
"ajv": "^6.9.1",
"angular-oauth2-oidc": "^10.0.0",
"cdk-table-exporter": "^9.0.2",
"chalk": "^3.0.0",
"classlist.js": "^1.1.20150312",
"core-js": "^2.5.4",
"devexpress-diagram": "^1.0.17",
"devexpress-gantt": "^1.0.10",
"devextreme": "^20.2.3",
"devextreme-angular": "20.2.3",
"font-awesome": "^4.7.0",
"hammerjs": "^2.0.8",
"jquery": "^3.3.1",
"mat-table-exporter": "^9.0.2",
"moment": "^2.24.0",
"node": "^12.18.3",
"node-sass": "^4.9.2",
"popper.js": "^1.14.7",
"rxjs": "^6.5.5",
"rxjs-compat": "^6.0.0",
"tslib": "^1.10.0",
"web-animations-js": "^2.3.1",
"zone.js": "^0.10.3"
},
"devDependencies": {
"#angular-devkit/build-angular": "^0.1002.0",
"#angular-devkit/core": "^10.2.0",
"#angular-devkit/schematics": "^10.2.0",
"#angular/cli": "^10.2.0",
"#angular/compiler-cli": "^10.2.3",
"#angular/language-service": "^10.2.3",
"#types/jasmine": "~2.8.8",
"#types/jasminewd2": "~2.0.3",
"#types/node": "~8.9.4",
"codelyzer": "~6.0.1",
"devextreme-cli": "1.2.4",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"json-server": "^0.12.1",
"karma": "~3.1.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "^3.9.6"
}
The build works fine on another machine with the same file. I can only think of something wrong in my node and angular/cli versions. I've already deleted node_modules folder and npm cache clean -f

Auto-downgrading all dependencies in Node

Bit of a noobish question here, I'm currently working on a project in angular. But I was wondering if it were possible to downgrade all the dependencies in that project so they're all compatible with each other. I'm currently using Angular Core 5.2.0 but it would appear that there is no version of 'ngx-signalr-hubservice' that is compatible with that angular version, it needs angular core 4.3.2... Here's what's in my packages.json:
"dependencies": {
"#angular/animations": "^5.2.0",
"#angular/cdk": "^5.2.0",
"#angular/common": "^5.2.0",
"#angular/compiler": "^5.2.0",
"#angular/core": "^5.2.0",
"#angular/forms": "^5.2.0",
"#angular/http": "^5.2.0",
"#angular/material": "^5.2.0",
"#angular/platform-browser": "^5.2.0",
"#angular/platform-browser-dynamic": "^5.2.0",
"#angular/router": "^5.2.0",
"angular-confirm": "^2.0.0-alpha.2",
"core-js": "^2.4.1",
"hammerjs": "^2.0.8",
"jquery": "^3.3.1",
"ng-drag-drop": "^4.0.1",
"ng2-signalr": "^5.0.0",
"rxjs": "^5.5.6",
"signalr": "^2.2.3",
"zone.js": "^0.8.19"
},
"devDependencies": {
"#angular/cli": "~6.0.8",
"#angular/compiler-cli": "^5.2.0",
"#angular/language-service": "^5.2.0",
"#types/jasmine": "~2.8.3",
"#types/jasminewd2": "~2.0.2",
"#types/node": "~6.0.60",
"codelyzer": "^4.0.1",
"jasmine-core": "~2.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~2.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.2",
"ngx-signalr-hubservice": "^2.0.7", <- This one is incompatible
"ts-node": "~4.1.0",
"tslint": "~5.9.1",
"typescript": "~2.5.3",
"#angular-devkit/build-angular": "~0.6.8"
}
So... What's the best way to approach this? Also, this is my very first StackOverflow post, have mercy on me please ;)
There are lots of tools and helpful options for moving forward versions ... I don't know of any way to easily move backward.
You can do: npm install #angular/core#4.3.2
But you'd have to know exactly which version of each library you'd need.
You could try to install the older version of the Angular CLI and use it to generate a package.json file for you. Then you would know the right set of libraries you'd need to install.
I think that it was 'npm install -g #angular/cli#1.2.4` that was compatible with Angular 4.x.

Angular 2 integrate with spring boot as single war

In my application working with angular js2 standalone. After integrating angular js2 build to spring boot web app files for deploy as single war. then getting error like this
I tried two senarioes
1) add npm intall and npm run build add as maven exucution goals.
2)Angularjs build manually by using commands that build out out copy to web app directry then build war.
These war put inito my local host then get these js missing problem.
I'm new in angular2
My working environment
Node : v8.1.2
npm -: v5.0.3
anular: 1.2
"private": true,
"dependencies": {
"#agm/core": "^1.0.0-beta.0",
"#angular/common": "^2.4.0",
"#angular/compiler": "^2.4.0",
"#angular/core": "^2.4.0",
"#angular/forms": "^2.4.0",
"#angular/http": "^2.4.0",
"#angular/platform-browser": "^2.4.0",
"#angular/platform-browser-dynamic": "^2.4.0",
"#angular/router": "^3.4.0",
"angular2-cookie": "^1.2.6",
"animate.css": "^3.5.2",
"arrive": "^2.3.1",
"bootstrap": "^3.3.5",
"bootstrap-notify": "^3.1.3",
"bootstrap-select": "^1.12.2",
"bootstrap-tagsinput": "^0.7.1",
"chartist": "^0.9.4",
"chartist-plugin-zoom": "^0.4.0",
"chartjs-plugin-zoom": "^0.5.0",
"core-js": "^2.4.1",
"datatables": "1.10.12",
"datatables.net-bs": "1.10.12",
"datatables.net-responsive": "^2.1.1",
"domready": "^1.0.8",
"eonasdan-bootstrap-datetimepicker": "4.17.47",
"fullcalendar": "^3.4.0",
"googleapis": "^19.0.0",
"jasny-bootstrap": "^3.1.3",
"jquery": "^1.12.4",
"lodash": "^4.17.4",
"ng2-cookies": "^1.0.12",
"ng2-datepicker": "^1.8.3",
"ng2-daterangepicker": "^2.0.7",
"nouislider": "^9.2.0",
"pretty-error": "^2.1.1",
"rxjs": "^5.1.0",
"twitter-bootstrap-wizard": "^1.2.0",
"validate": "^3.0.1",
"web-animations-js": "^2.2.2",
"zone.js": "^0.7.6"
},
"devDependencies": {
"#angular/cli": "1.1.3",
"#angular/compiler-cli": "^2.4.0",
"#types/bootstrap": "^3.3.32",
"#types/chartist": "^0.9.34",
"#types/jasmine": "2.5.38",
"#types/jquery": "^1.10.33",
"#types/node": "^6.0.73",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^0.2.0",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.0.0",
"webpack": "^3.0.0"
},
"description": "This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0-rc.2.",
"bugs": {
"url": "https://github.com/creativetimofficial/material-dashboard-pro-angular/issues"
},
"homepage": "https://github.com/creativetimofficial/material-dashboard-pro-angular#readme",
"main": "karma.conf.js",
"keywords": [],
"author": ""
}
Make sure the angular build successfully with same target which application you wish to embed. Suppose your spring boot application will be running in
localhost:8080
the angular target should be same. Other wise it will be fail when you integrate with Spring.

Resources