类型JSON不存在属性JSON

如何解决类型JSON不存在属性JSON

我正在尝试读取这样的JSON配置文件

this.http.get('assets/env/env.json').pipe(map( res => res.json())).pipe(catchError((error: any): any => {
  console.log('Configuration file "env.json" could not be read');
  
  return Observable.throw(error.json().error || 'Server error');
})).subscribe( (envResponse) => {
  endpoint="conf-" + envResponse.env + ".json";
  alert(endpoint);
});

但是res.json（）显示为错误

我正在导入这些类

import { Injectable } from '@angular/core';
import { HttpClient,HttpBackend } from '@angular/common/http';
import { map,catchError } from 'rxjs/operators';
import { Observable } from 'rxjs';

请问我做错了什么吗？

我的是9号角

解决方法

我相信您来自较旧的Angular / RxJS版本。在较新的版本中，默认responseType是json。因此，不再需要res.json()。

尝试以下

this.http.get('assets/env/env.json').pipe(
  catchError((error: any): any => {...})
).subscribe(
  ...
);

每个RxJS运算符也不需要单独的pipe()。您可以将所有运算符包含在一个管道中。

this.http.get('assets/env/env.json').pipe(
  map(res => {
    // transform and return the value
  }),tap(res => {
    // perform some side-effects
  }),catchError((error: any): any => {
    console.log('Configuration file "env.json" could not be read');
    return throwError(error.error || 'Server error');
  })
).subscribe(
  ...
);

现在还有一个RxJS throwError函数，而不是Observable.throw。

,

除了使用http检索json之外，您还可以将您的editorOptions设置为

    "resolveJsonModule": true,"allowSyntheticDefaultImports": true

并将json导入您的ts文件

import myJson from './path-to-json/my-json.json';

然后，您可以像访问常量（同步）一样访问它，而无需资产或异步http调用。

---

编辑：

根据您的要求，这里看起来像

首先导入（正确的路径在您这边应该有所不同）

import envJson from '../env/env.json';

然后您可以使用它：

  endpoint = "conf-" + envJson.env + ".json";

请仍然记住，默认情况下不启用这些那些compileOptions，并且是执行此方法所必需的。

---

请参考有效的堆叠闪电战：https://stackblitz.com/edit/angular-ivy-umoflb?file=src/app/app.component.ts （还要检查tsconfig.ts文件中是否添加了compileOptions）