2017-05-04 13 views
2

私はAPIコールを処理するための単一のビューとプロバイダを持つIonicアプリケーションを持っています。このビューは、APIのコンテンツのみを表示します。 Ionicサービスを実行すると、私はこのTSエラーを受け取ります:Cannot find name 'ApiService'. 私のIDEはPHPStormです。コンストラクタ内のApiServiceをクリックすると(赤で、その名前を見つけることができません)、私のリダイレクト先は正しいファイル。イオン2の注入可能な名前が見つかりません

import { Component } from '@angular/core'; 
import { NavController } from "ionic-angular"; 
import { ApiService } from "api-test"; // This is the class I have trouble with 

@Component({ 
    selector: 'cgu', 
    templateUrl: 'cgu.html' 
}) 
export class cguView { 

    constructor(public navCtrl: NavController, private apiService: ApiService) {} 

} 

そしてApiServiceのコード:

import { Http } from '@angular/http'; 
import 'rxjs/add/operator/map'; 
import { Injectable } from '@angular/core'; 

@Injectable() 
export class ApiService { 
    API_URL; 
    data; 

    constructor(public http: Http) { 
     this.API_URL = "myapi"; 
     this.data = {}; 
    } 


    call(action, entity, params) { 
     var link = this.API_URL; 
     var data = JSON.stringify({mydata}); 

     this.http.post(link, data) 
      .subscribe(data => { 
       this.data.response = data; 
       console.log(data); 
      }, error => { 
       console.log("erreur!"); 
      }); 
    } 

} 

私は何をしないのです 私は、ビューコンポーネントと非常に簡単なコードを持っていますか?パスは、(私は確かに同じフォルダに入れて...)。あなたはstackoverflowの上でそれを掲示した後、自分のエラーで1分を見つける任意のヘルプ

+0

API-テストは何ですか? –

+0

それはapi-test.jsファイルでした – saperlipopette

+0

あなたは '.ts'ファイルを意味しますか? –

答えて

1

パスが(私は同じフォルダに入れて右にあります確かに..)

いいえ。 パスを"api-test"と指定すると、パッケージはnode_modulesにチェックインされます。

あなたはとして与える必要がある:

import { ApiService } from "./api-test"; 
0

この感覚のために事前にありがとうございますが、あなたがそれを探していた権利であります活字体は、同じフォルダ内にある場合には半分の時間の間に... は、インポートが

import {ApiService} from "api-service"; 

ではなく、次のとおりです。
import {ApiService} from "./api-service";

関連する問題