如何在离子中正确导入模块？

Question

如何正确导入角度页面？我有这些属性的home.ts

selector: 'page-home',
templateUrl: 'home.html'

这是我的项目看起来像：

这是我的代码：

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';
import { LoginPage } from '../login/login';
import { FirebaseAuth, AngularFire, FirebaseListObservable } from 'angularfire2';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    firelist: FirebaseListObservable<any>;
    chat:any;

    constructor(public navCtrl: NavController, private af:AngularFire) {
        this.firelist = this.af.database.list('/chat',
        {
            query:{
                orderByChild: 'negativtimestamp'
            }
        });
    }

}

然后我有login.ts：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { FirebaseAuth, AuthProviders, AuthMethods } from 'angularfire2';
import { HomePage } from './pages/home/home';


/*
  Generated class for the Login page.

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

  constructor(public nav: NavController, private auth: FirebaseAuth) {}

  ionViewDidLoad() {
    console.log('Hello LoginPage Page');
  }

  LoginGoogle(){
    this.auth.login({
        provider: AuthProviders.Google,
        method: AuthMethods.Redirect
    }).then((data)=>{
        this.nav.setRoot(HomePage);
    })
  }

}

下面是我的项目结构：

我需要在哪里添加导入我的主页 看起来像import { HomePage } from './pages/home/home';

但是我的控制台出现错误

  

＆＃34;错误：找不到模块＆＃34; ./ pages / home / home＆＃34;＆＃34;

如何正确导入页面？

Answer 1

您应该指定相对于文件路径的路径的导入路径。在这种情况下，要在/src/pages/home/home.ts上的login.ts中导入/src/pages/login，您应该像这样导入它：

import { HomePage } from '../home/home';