Proving a HTTP Request on browser in AngularJS 8.2.14, it appears an Error in coreJS, among with zone-evergreen.js
core.js:6014 ERROR HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "http://localhost:9898/api/v1/usermanage/users", ok: false, …}error: {error: SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at XMLHttpRequest.onL…, text: "[{"userId":"1ef29d3e-9119-49f2-944d-398c7c2810aa",…nt\"])","details":"uri=/api/v1/usermanage/users"}"}headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}message: "Http failure during parsing for http://localhost:9898/api/v1/usermanage/users"name: "HttpErrorResponse"ok: falsestatus: 200statusText: "OK"url: "http://localhost:9898/api/v1/usermanage/users"__proto__: HttpResponseBase
defaultErrorLogger @ core.js:6014
handleError @ core.js:6066
next @ core.js:40558
schedulerFn @ core.js:35336
__tryOrUnsub @ Subscriber.js:185
next @ Subscriber.js:124
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:35298
(anonymous) @ core.js:39738
invoke @ zone-evergreen.js:359
run @ zone-evergreen.js:124
runOutsideAngular @ core.js:39572
onHandleError @ core.js:39735
handleError @ zone-evergreen.js:363
runTask @ zone-evergreen.js:171
invokeTask @ zone-evergreen.js:465
ZoneTask.invoke @ zone-evergreen.js:454
timer @ zone-evergreen.js:2650
setTimeout (async)
scheduleTask @ zone-evergreen.js:2671
scheduleTask @ zone-evergreen.js:378
onScheduleTask @ zone-evergreen.js:272
scheduleTask @ zone-evergreen.js:372
scheduleTask @ zone-evergreen.js:211
scheduleMacroTask @ zone-evergreen.js:234
scheduleMacroTaskWithCurrentZone @ zone-evergreen.js:1107
(anonymous) @ zone-evergreen.js:2686
proto.<computed> @ zone-evergreen.js:1428
hostReportError @ hostReportError.js:2
error @ Subscriber.js:158
_error @ Subscriber.js:75
error @ Subscriber.js:55
_error @ Subscriber.js:75
error @ Subscriber.js:55
_error @ Subscriber.js:75
error @ Subscriber.js:55
notifyError @ OuterSubscriber.js:7
_error @ InnerSubscriber.js:14
error @ Subscriber.js:55
onLoad @ http.js:2477
invokeTask @ zone-evergreen.js:391
onInvokeTask @ core.js:39680
invokeTask @ zone-evergreen.js:390
runTask @ zone-evergreen.js:168
invokeTask @ zone-evergreen.js:465
invokeTask @ zone-evergreen.js:1603
globalZoneAwareCallback @ zone-evergreen.js:1640
load (async)
customScheduleGlobal @ zone-evergreen.js:1742
scheduleTask @ zone-evergreen.js:378
onScheduleTask @ zone-evergreen.js:272
scheduleTask @ zone-evergreen.js:372
scheduleTask @ zone-evergreen.js:211
scheduleEventTask @ zone-evergreen.js:237
(anonymous) @ zone-evergreen.js:1911
(anonymous) @ http.js:2569
_trySubscribe @ Observable.js:42
subscribe @ Observable.js:28
(anonymous) @ subscribeTo.js:20
subscribeToResult @ subscribeToResult.js:7
_innerSub @ mergeMap.js:59
_tryNext @ mergeMap.js:53
_next @ mergeMap.js:36
next @ Subscriber.js:49
(anonymous) @ scalar.js:4
_trySubscribe @ Observable.js:42
subscribe @ Observable.js:28
call @ mergeMap.js:21
subscribe @ Observable.js:23
call @ filter.js:13
subscribe @ Observable.js:23
call @ map.js:16
subscribe @ Observable.js:23
ngOnInit @ user.component.ts:18
checkAndUpdateDirectiveInline @ core.js:31910
checkAndUpdateNodeInline @ core.js:44367
checkAndUpdateNode @ core.js:44306
debugCheckAndUpdateNode @ core.js:45328
debugCheckDirectivesFn @ core.js:45271
eval @ UserComponent_Host.ngfactory.js? [sm]:1
debugUpdateDirectives @ core.js:45259
checkAndUpdateView @ core.js:44271
callViewAction @ core.js:44637
execEmbeddedViewsAction @ core.js:44594
checkAndUpdateView @ core.js:44272
callViewAction @ core.js:44637
execComponentViewsAction @ core.js:44565
checkAndUpdateView @ core.js:44278
callWithDebugContext @ core.js:45632
debugCheckAndUpdateView @ core.js:45194
detectChanges @ core.js:31126
tick @ core.js:41045
(anonymous) @ core.js:40893
invoke @ zone-evergreen.js:359
onInvoke @ core.js:39699
invoke @ zone-evergreen.js:358
run @ zone-evergreen.js:124
run @ core.js:39511
next @ core.js:40890
schedulerFn @ core.js:35336
__tryOrUnsub @ Subscriber.js:185
next @ Subscriber.js:124
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:35298
checkStable @ core.js:39642
onHasTask @ core.js:39719
hasTask @ zone-evergreen.js:411
_updateTaskCount @ zone-evergreen.js:431
_updateTaskCount @ zone-evergreen.js:264
runTask @ zone-evergreen.js:185
drainMicroTaskQueue @ zone-evergreen.js:559
Promise.then (async)
scheduleMicroTask @ zone-evergreen.js:542
scheduleTask @ zone-evergreen.js:381
scheduleTask @ zone-evergreen.js:211
scheduleMicroTask @ zone-evergreen.js:231
scheduleResolveOrReject @ zone-evergreen.js:845
then @ zone-evergreen.js:955
bootstrapModule @ core.js:40600
./src/main.ts @ main.ts:11
__webpack_require__ @ bootstrap:79
0 @ main.ts:12
__webpack_require__ @ bootstrap:79
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
Show 65 more frames
The exceptions for not having a JSON end are these ones:
"SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at XMLHttpRequest.onLoad (http://localhost:4200/vendor.js:40168:51)
at ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:3747:31)
at Object.onInvokeTask (http://localhost:4200/vendor.js:103316:33)
at ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:3746:60)
at Zone.runTask (http://localhost:4200/polyfills.js:3524:47)
at ZoneTask.invokeTask [as invoke] (http://localhost:4200/polyfills.js:3821:34)
at invokeTask (http://localhost:4200/polyfills.js:4959:14)
at XMLHttpRequest.globalZoneAwareCallback (http://localhost:4200/polyfills.js:4996:21)"
I put my package.json dependencies like this:
"dependencies": {
"@angular/animations": "^8.2.14",
"@angular/cdk": "^8.2.3",
"@angular/common": "~8.2.14",
"@angular/compiler": "~8.2.14",
"@angular/core": "^8.2.14",
"@angular/forms": "~8.2.14",
"@angular/material": "^8.2.3",
"@angular/platform-browser": "~8.2.14",
"@angular/platform-browser-dynamic": "~8.2.14",
"@angular/router": "~8.2.14",
"bufferutil": "^4.0.1",
"chokidar": "^3.4.2",
"core-js": "^3.6.5",
"rxjs": "~6.4.0",
"tslib": "^1.10.0",
"utf-8-validate": "^5.0.2",
"zone.js": "~0.9.1"
},
The response data I obtained in Postman is the following (there are sets from one-to-many and many-to-one relationships):
[
{
"userId": "1ef29d3e-9119-49f2-944d-398c7c2810aa",
"account": {
"accountId": "749c88c5-9f84-403c-8de2-4458502d3c21",
"accountName": "prueba77",
"company": "prueba3",
"address": "prueba3",
"emailAddress": "prueba3",
"dicomId": "prueba3",
"enabled": 0,
"users": [
{
"userId": "70ae0557-5fe4-4e92-876a-b0c6592d7b07",
"account": {
"accountId": "749c88c5-9f84-403c-8de2-4458502d3c21",
"accountName": "prueba77",
"company": "prueba3",
"address": "prueba3",
"emailAddress": "prueba3",
"dicomId": "prueba3",
"enabled": 0,
"users": [
{
"userId": "70ae0557-5fe4-4e92-876a-b0c6592d7b07",
"account": {
"accountId": "749c88c5-9f84-403c-8de2-4458502d3c21",
"accountName": "prueba77",
"company": "prueba3",
"address": "prueba3",
"emailAddress": "prueba3",
"dicomId": "prueba3",
"enabled": 0,
"users": [
{
"userId": "70ae0557-5fe4-4e92-876a-b0c6592d7b07",
"account": {
"accountId": "749c88c5-9f84-403c-8de2-4458502d3c21",
"accountName": "prueba77",
"company": "prueba3",
"address": "prueba3",
"emailAddress": "prueba3",
"dicomId": "prueba3",
"enabled": 0,
"users": [
{
Is there a suitable coreJS version that manage a huge JSON with data from DB?
I found the solution, is about Lazy in One-To-Many relationships. I changed to @Transient and in the set and quit Cascade and Lazy
Account.class
@OneToMany (mappedBy = "account")
@Transient
Set<User> users = new HashSet<>();