ionic2 供应商 "cannot load module"

Question

我正在尝试向我的应用程序添加提供程序，但收到此错误

未捕获错误：找不到模块“../providers/login/loginservice”

项目结构

这是 app.module.ts 的样子

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { HttpModule} from '@angular/http';


import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { Loginpage } from '../pages/loginpage/loginpage';

import { Loginservice } from '../providers/login/loginservice';


@NgModule({
  declarations: [
    MyApp,
    HomePage,
    Loginpage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    Loginpage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    Loginservice,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

loginpage.ts 我正在尝试使用提供商

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Loginservice } from '../../providers/login/loginservice';

/**
 * Generated class for the Loginpage page.
 *
 * See http://ionicframework.com/docs/components/#navigation for more info
 * on Ionic pages and navigation.
 */
@IonicPage()
@Component({
  selector: 'page-loginpage',
  templateUrl: 'loginpage.html'
  })
export class Loginpage {

  constructor(public navCtrl: NavController, public navParams: NavParams,public loginservice : Loginservice) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad Loginpage');
  }
  login(){
    console.log("inside Login");
    //this.loginservice.doLogin();
  }

}

*更新：添加登录服务代码。

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

/*
  Generated class for the Loginservice provider.

  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
  for more info on providers and Angular 2 DI.
*/
@Injectable()
export class Loginservice {

  constructor(public http: Http) {
    console.log('Hello Loginservice Provider');
  }

}

我找不到任何解决方案。我尝试更改路径并再次删除和添加提供程序。截至目前，提供程序没有任何功能，因为我只是尝试成功导入它。

错误截图

请指导我。

谢谢斯鲁提奈尔

Answer 1

查看您在上面 link 中提供的代码

在 src/providers 目录中，您有 loginservice.ts 文件，但在 loginpage.ts 中，您的导入是

import { Loginservice } from '../../providers/login/loginservice';

没有登录目录，所以导入应该是

import { Loginservice } from '../../providers/loginservice';

请在 app.module.ts 文件中也进行更改

import { Loginservice } from '../providers/loginservice';

希望对你有帮助，谢谢。

ionic2 供应商 "cannot load module"

ionic2 provider "cannot load module"

typescript

ionic2

angular2-services

ionic2-providers