首先，你必须注入
HttpClient和不
HttpClientModule，你必须删除第二件事
.map((res:any) =>res.json())，你将不再需要它了，因为新
HttpClient会给你默认响应的身体，最后确保你输入
HttpClientModule你的
AppModule
：
import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs';@Injectable()export class AppSettingsService { constructor(private http: HttpClient) { this.getJSON().subscribe(data => { console.log(data); }); } public getJSON(): Observable<any> { return this.http.get("./assets/mydata.json"); }}将此添加到您的组件：
@Component({ selector: 'mycmp', templateUrl: 'my.component.html', styleUrls: ['my.component.css']})export class MyComponent implements onInit { constructor( private appSettingsService : AppSettingsService ) { } ngonInit(){ this.appSettingsService.getJSON().subscribe(data => { console.log(data); }); }}
