如何删除文件未找到错误？

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

你已经犯了各种各样的错误，其中很少有像这里提到的那样：-

• tod​​oService 没有用 Annotation 修饰

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

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

• system.config 中没有默认扩展

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

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())
  }
}

这是您的 Working 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();
  }
}