GET调用，更新到Angular 9时出现无效JSON错误

Question

我正在努力将我的应用程序更新到Angular 9CLI，并将我所有的NPM包更新到最新版本。但是，当我尝试进行GET调用来加载页面加载数据时，服务器返回了一个400错误的分页符。此终结点呼叫中断：

@Effect()
  getAllData$ = this.action$.pipe(
    ofType<DataAction>(DATA_ACTION_TYPES.GET_ALL_DATA),
    switchMap(() => {
      return this.dataservice.getAllData().pipe(
        map(data => {
          const payload = new DataPayload();
          payload.data = data;
          return new GottenAllDataAction(data);
        })
      );
    })
  );

public getAllData(): Observable<any[]> {
  // code hits the dataEndpoint
  return this.httpClient
    .get(this.dataEndpoint)
    .pipe(map(response => plainToClass(DataV2, response as Object[], { groups: ['get'] })));
}

在network选项卡中，我得到了一个400错误的响应：

​

​

下面是GET调用中我的400控制台错误的开始：

​

​

这是我的package.json：

"dependencies": {
    "@angular/animations": "9.1.6",
    "@angular/cdk": "9.2.3",
    "@angular/common": "9.1.6",
    "@angular/compiler": "9.1.6",
    "@angular/core": "9.1.6",
    "@angular/flex-layout": "~9.0.0-beta.29",
    "@angular/forms": "9.1.6",
    "@angular/material": "9.2.3",
    "@angular/platform-browser": "9.1.6",
    "@angular/platform-browser-dynamic": "9.1.6",
    "@angular/router": "9.1.6",
    "@auth0/angular-jwt": "^4.0.0",
    "@ngrx/effects": "~9.1.2",
    "@ngrx/router-store": "~9.1.2",
    "@ngrx/store": "~9.1.2",
    "@ngrx/store-devtools": "~9.1.2",
    "@nrwl/nx": "6.3.1",
    "class-transformer": "0.1.9",
    "classlist.js": "^1.1.20150312",
    "core-js": "~3.6.5",
    "es6-shim": "^0.35.5",
    "file-saver": "^2.0.2",
    "hammerjs": "2.0.8",
    "highcharts": "~8.1.0",
    "moment": "~2.25.3",
    "ng2-file-upload": "^1.4.0",
    "ngx-toastr": "^12.0.1",
    "ramda": "^0.27.0",
    "reflect-metadata": "~0.1.13",
    "rxjs": "~6.5.5",
    "rxjs-compat": "~6.5.5",
    "tachyons-sass": "^4.9.5",
    "tslib": "^1.11.2",
    "typedjson": "^1.5.1",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.5",
    "@angular-devkit/core": "9.1.5",
    "@angular-devkit/schematics": "9.1.5",
    "@angular/cli": "9.1.5",
    "@angular/compiler-cli": "9.1.6",
    "@angular/language-service": "9.1.6",
    "@nrwl/schematics": "8.12.11",
    "@schematics/angular": "9.1.3",
    "@types/highcharts": "5.0.4",
    "@types/jasmine": "^3.5.10",
    "@types/jasminewd2": "~2.0.8",
    "@types/node": "^13.13.4",
    "codelyzer": "^5.2.2",
    "fibers": "^3.1.0",
    "html-webpack-plugin": "^4.2.1",
    "jasmine-core": "^3.5.0",
    "jasmine-marbles": "0.3.1",
    "jasmine-spec-reporter": "^5.0.2",
    "karma": "~5.0.5",
    "karma-chrome-launcher": "^3.1.0",
    "karma-cli": "^2.0.0",
    "karma-coverage-istanbul-reporter": "^3.0.2",
    "karma-jasmine": "^3.1.1",
    "karma-jasmine-html-reporter": "^1.5.3",
    "ng-mocks": "^9.3.0",
    "node-sass": "^4.14.0",
    "prettier": "^1.18.2",
    "protractor": "^5.4.4",
    "remote-redux-devtools": "^0.5.16",
    "ts-node": "~8.10.1",
    "tslint": "~6.1.2",
    "typescript": "~3.8.3"
  }

在Angular 8中一切正常。这个错误只发生在我当前的分支上，我正试图更新到最新的Angular 9。但我不确定前端问题是如何导致我看到的错误的。这会不会是某个NPM包更新的问题？

任何帮助都是非常感谢的。

Answer 1

尝试以下步骤：

最新模块删除节点模块文件夹C:\Users\USER\AppData\Roaming\npm\node_modules

• Open angular-cli

• npm @angular/cli@latest

• as admin
• npm缓存清理--force
• npm -g npm@
• npm uninstall -g windows install -g powershell