如何删除找不到文件错误

Question

我正在尝试使用http调用从服务器获取数据。我收到找不到文件错误，这是我的代码http://plnkr.co/edit/oCxrgxNlCkjVnTrhZGQA?p=preview

import { Page, NavController } from 'ionic-angular/index';
import { toDoservice } from '/TodoService'

@Page({
  templateUrl:"home.html",
  providers:[toDoservice]
})
export class HomePage {
  private Todo: Array<Object>;
  constructor(private nav: NavController,private toDoservice:ToDoservice) {
    this.Todo=toDoservice.loadAllTodo();
    }

Answer 1

你犯了各种错误，其中一些很少如此：-

• 待办事项服务未使用注释进行装饰

• 文件中的服务注入命名错误

• 您以错误的方式导入文件。

• 系统中没有默认扩展

名。

您的服务应该是这样的：-

import {Http} from 'angular2/http';
import {Injectable} from 'angular2/core'
import 'rxjs/Rx';
@Injectable()
export class TodoService {
  http;
  constructor(private http: Http ){
    console.log("hello")
  }
  loadAllTodo(){
    return this.http.get('data.json').map(res => res.json())
  }
}

这是您的工作 Plunker 的工作代码

Answer 2

在类声明和用法中使用相同的大小写：

import { Page, NavController } from 'ionic-angular/index';
import { TodoService } from '/TodoService'

@Page({
  templateUrl:"home.html",
  providers:[TodoService]
})
export class HomePage {
  private Todo: Array<Object>;
  constructor(private nav: NavController,private todoservice:TodoService) {
    this.Todo=todoService.loadAllTodo();
  }
}