Ionic 2 Tab bar超出最大调用堆栈大小

时间:2016-10-22 10:46:14

标签: typescript ionic2

当我尝试在我的应用程序中添加标签栏时,他向我显示"超出最大调用堆栈大小"

Profile.html

 <ion-tabs>
    <ion-tab tabIcon="water" tabTitle="Water" ></ion-tab>
    <ion-tab tabIcon="leaf" tabTitle="Life" ></ion-tab>
    <ion-tab tabIcon="flame" tabTitle="Fire"></ion-tab>
 </ion-tabs>

Profile.ts

    import { Component } from '@angular/core';
    import { NavController } from 'ionic-angular';

    @Component({
      templateUrl: 'build/pages/profile/profile.html'
    })
    export class ProfilePage {

      constructor(public navCtrl: NavController) {

      }
    }

系统信息:

    Cordova CLI: 5.1.1
    Gulp version:  CLI version 3.9.1
    Gulp local:
    Ionic CLI Version: 2.0.0-beta.31
    Ionic App Lib Version: 2.0.0-beta.17
    OS: Windows 7
    Node Version: v0.12.7

1 个答案:

答案 0 :(得分:1)

我认为这在某个阶段得到修复,你只是使用了过时的版本。

  1. 在您的应用根目录中使用此更新app-scripts:
  2. npm remove @ionic/app-scripts

    npm install @ionic/app-scripts

    1. 使用以下命令更新离子客户端
    2. npm remove -g ionic

      npm install -g ionic

      1. 我认为与此问题无关,但您应该更改
      2. templateUrl: 'build/pages/profile/profile.html'

        templateUrl: 'profile.html'