Angular 8.2.14中适用于coreJS的版本

如何解决Angular 8.2.14中适用于coreJS的版本

在AngularJS 8.2.14中的浏览器上证明HTTP请求，在coreJS中出现一个错误，其中包括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

没有JSON结尾的异常是这些

"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)"

我这样放置我的 package.json 依赖项：

  "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"
  },

我在Postman中获得的响应数据如下（存在一对多和多对一关系的集合）：

[
  {
    "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","users": [
              {
                "userId": "70ae0557-5fe4-4e92-876a-b0c6592d7b07","account": {
                  "accountId": "749c88c5-9f84-403c-8de2-4458502d3c21","users": [
                    {
                      "userId": "70ae0557-5fe4-4e92-876a-b0c6592d7b07","account": {
                        "accountId": "749c88c5-9f84-403c-8de2-4458502d3c21","users": [
                          {

是否有合适的coreJS版本可以使用来自数据库的数据来管理巨大的JSON？提前致谢！：）

解决方法

我找到了解决方案，它涉及一对多关系中的懒惰。我改为@Transient并在设置中退出Cascade和Lazy

Account.class

  @OneToMany (mappedBy = "account")
    @Transient
    Set<User> users = new HashSet<>();

Angular 8.2.14中适用于coreJS的版本

如何解决Angular 8.2.14中适用于coreJS的版本

解决方法

相关推荐