角度 httpservice:连接 JSON 文件时出现问题

Question

我是 angular4 的新手，并尝试使用 JSON 和 angular 应用程序建立数据库连接。但是我在刷新应用程序时在浏览时遇到了以下问题。

编译失败。

./node_modules/rxjs/_esm5/index.js

模块构建失败：错误：ENOENT：没有这样的文件或目录，打开"D：\angproj\Secondprojode_modules\rxjs_esm5\index.js">

下面是我的代码。如何解决？

app.component.ts

import { Component } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(private http: Http) { }
httpdata;
ngOnInit() {
this.http.get("http://jsonplaceholder.typicode.com/users").
map(
(response) => response.json()
).
subscribe(
(data) => {this.displaydata(data);}
)
}
displaydata(data) {this.httpdata = data;}
}

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
HttpModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

这通常是由于名称不匹配而发生的。检查代码的这一部分，看看 URL(变量名称(中是否存在错误。

`export class AppComponent {
constructor(private http: Http) { }
httpdata;
ngOnInit() {
this.http.get("http://jsonplaceholder.typicode.com/users").
map(
(response) => response.json()
).
subscribe(
(data) => {this.displaydata(data);}
)
}
displaydata(data) {this.httpdata = data;}
}
`