Question

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

编译失败。

./node_modules/rxjs/_esm5/index.js

模块构建失败：错误：ENOENT：没有这样的文件或目录，打开＆＃39; D：\ angproj \ Secondproj \ node_modules \ rxjs_esm5 \ index.js＆＃39;

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

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;}
}

`

angular httpservice：连接Json文件的问题

1 个答案: