Typescript “ionic2供应商”；无法加载模块"；

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

未捕获错误：找不到模块“./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');
  }

}

我找不到任何解决办法。 我尝试更改路径并再次删除和添加提供程序。 到目前为止，该提供程序没有任何功能，因为我正在尝试成功导入它

错误截图

请引导我

谢谢

---

Shruti Nair查看您在上面链接中提供的代码

在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';

---

希望这对您有所帮助，谢谢。

loginservice.ts没有任何代码。。？或者你在文件中有导出功能，但仍然出现此错误？@raja:我也添加了loginservice文件。它有导出功能。你是否尝试重新启动你的ionic服务？你能复制错误吗？将你的

loginservice

移动到

pages

文件夹，然后用新路径导入它。是进口的吗？