Ionic-framework: Ionic2 - nav.setRoot(Component) - 처음에만 작동, 이후 탐색 불가, 보고된 오류 없음

나는 다음을 발견했습니다: 2개의 이온 페이지가 돔에 한 번에 존재합니다.

내가 탐색한 페이지는 "추천" 페이지보다 z-index(92)가 낮은 "탐색"입니다. 따라서 나는 탐색 중이어야 하지만 "추천"은 93의 z-색인으로 "탐색" 위에 오버레이됩니다.

동일한 문제가 발생하지만 제 경우에는 로그인 후에도 리디렉션되지 않습니다.

이미 로그인되어 있고 로그인 보기에 nav.setRoot(TabsPage) 가 완벽하게 실행됩니다.

그러나 사용자 프로필 nav.setRoot(TabsPage) 을 얻은 후 facebook으로 로그인하면 아무 것도 하지 않습니다. 게다가 nav.push(TabsPage) 도 아무 일도 하지 않고 있는데 Main이 내 탭 중 하나인 nav.push(Main) 를 하면 제대로 실행되지만 탭바가 없고 뒤로 버튼이 나타납니다.

또한 nav.setRoot(Main) 하면 올바르게 작동하지만 탭 표시줄이 없고 뒤로 버튼이 있는 탭으로 이동합니다.

몇 가지 정보를 추가합니다. 문서에서 setRoot 가 약속을 반환하는 것을 보았으므로 다음과 같이 했습니다.

this.nav.setRoot(TabsPage)
  .then(data => {
      console.log(data);
  }, (error) => {
      console.log(error);
  })

이것은 로그인 페이지에 착륙했을 때 true 를 던졌고 이미 로그인되어 있지만 facebook으로 로그인하면 아무 것도 던지지 않으므로 약속이 결코 해결되지 않은 것 같습니다.

알겠습니다. 또 다른 업데이트입니다. setRoot에서 호출되는 setPages 함수의 components/nav/nav-controller.js에 Ionic2의 핵심으로 이동하면 전환의 콜백이 실행되지 않습니다.
setRoot -> setPages -> _transition -> _render -> _postRender라는 함수의 흐름을 따른다면

_render 함수에서:

this.loadPage(enteringView, null, opts, function () {
    if (enteringView.onReady) {
        // this entering view needs to wait for it to be ready
        // this is used by Tabs to wait for the first page of
        // the first selected tab to be loaded
        enteringView.onReady(function () {
            enteringView.loaded();
            _this._postRender(transId, enteringView, leavingView, isAlreadyTransitioning, opts, done);
        });
    }
    else {
        enteringView.loaded();
        _this._postRender(transId, enteringView, leavingView, isAlreadyTransitioning, opts, done);
    }
});

내 코드가 enteringView.onReady 에 입력되고 콜백이 실행되지 않습니다.

enteringView.onReady 를 기다리기 전에 _postRender 메서드를 호출하면 내 앱은 잘 작동하지만 너무 더럽습니다.
문제는 탭의 페이지가 준비되기를 기다리는 것 같습니다. 나는 그것이 결코 준비되지 않거나 결코 좋은 준비 상태를 얻지 못한다고 생각합니다.

내 코드에 이런 것이 있을 수 있습니까? 아니면 버그일 가능성이 있습니까?

감사합니다!

Google 또는 Facebook 인증과 동일한 문제가 있습니다.

@privetr 이것은 beta4로 수정된 것 같습니다. 확인해 주시겠습니까? 내 것은 지금 잘 작동합니다.

@jorchg 도 확인할 수 있나요? 기회가 되면 :)

여러분 안녕하세요! 이 문제가 beta.4에서 수정된 것처럼 보이므로 이 문제를 닫을 예정이지만 여전히 이 문제가 발생하면 언제든지 댓글을 남겨주세요!

이 문제가 계속 발생합니다. Facebook 로그인 약속 후에 내 TabsPage에 nav를 푸시하거나 루트를 설정할 수 없습니다.

Cordova CLI: 6.1.1
Gulp version:  CLI version 1.2.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.4
Ionic CLI Version: 2.0.0-beta.24
Ionic App Lib Version: 2.0.0-beta.14
ios-deploy version: 1.8.5
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v5.9.1
Xcode version: Xcode 7.3 Build version 7D175

또한 nav.setRoot(x)를 호출해도 새 페이지가 실제로 나타나지 않는 상황을 겪고 있습니다. 그러나 현재 페이지의 입력 필드에 포커스를 맞추면 사라지고 올바른 페이지가 표시됩니다.

또한 setRoot 대신 스택에 푸시하면 입력 필드에 초점을 맞출 때까지 애니메이션이 발생하지 않습니다.

같은 문제.

편집: 내 앱의 탐색을 사이드 메뉴로 바꾸면 모든 것이 제대로 작동합니다. 따라서 탭은 참고로 베타 4부터 중단되었습니다.

@daveshirman 탐색하기 위해 탭을 사용하고 있습니까? 탭과 관련이 있을 수 있으며 내 문제는 사이드 메뉴와 관련이 있습니다. 그러나 그들은 둘 다 navcontroller를 사용합니다. 그것이 왜 저에게는 효과가 있고 여러분에게는 효과가 없는지 확실하지 않습니다. 플런커를 생성하거나 새로운 문제를 열면 ionic 팀이 도울 수 있을 것입니다.

동일한 문제가 발생했습니다. nav.setRoot(MyComponent) 아무 것도 하지 않는 것 같습니다. --live-reload 를 사용하여 Android에서 앱을 실행하고 있었고 일부 이벤트가 실행되지 않는다는 경고가 있었습니다.

0     195445   log      deviceready has not fired after 5 seconds.
1     195457   log      Channel not fired: onDOMContentLoaded

또한 장치가 오프라인 상태가 될 때 특정 페이지를 표시하는 것이기 때문에 브라우저에서 코드를 테스트할 수 없었습니다.

그래서 마침내 Android에서 내 코드를 실행하려고 시도했지만 라이브 다시 로드 없이 잘 작동합니다.

그래서 라이브 재장전 모드가 작동하지 못하게 하는 무언가가 있습니다. 내 종속성으로 Beta4를 사용하고 CLI 버전 2.0.0-beta25.

다음과 같은 문제가 있습니다. 앱에서 로그아웃한 후에도 탭이 지속되고 로그인할 때 쌓이기 시작합니다.

내가 설명한 문제가 여전히 발생하고 있습니다. 나는 완전히 잊어 버렸고 이온 업데이트 후에 작동이 중지되었으므로 이 스레드의 최신 게시물에 설명된 대로 다시 수정했습니다.

다른 문제를 열어야 합니까?

안녕하세요 여러분. 누구든지 이것에 대한 수정 사항을 찾았습니까? 저는 현재 Ionic [email protected] 를 사용하고 있으며 문제는 여전히 존재합니다!

내 문제의 원인은 setRoot만 호출되었을 때 .pop()을 호출하는 것이었습니다.

내 app.ts에서 호출하는 것이 안정적으로 작동하는 것으로 나타났습니다. 다른 페이지에서 호출하면 실패한 것 같습니다.
또한 루트 페이지에 있지 않은 경우(예: 3페이지 깊이) setRoot 메서드 뒤에 nav.popToRoot()도 호출합니다. 이 메서드는 다음과 같이 작동합니다.

this.nav.setRoot(xxxx).then(() =>{
    this.nav.popToRoot();
    //....
});

이 문제가 종료된 이유는 무엇입니까? 내비게이션은 정말 고장난 것 같습니다. 양식이 있는 페이지를 푸시해도 작동하지 않습니다.

모달 창이 표시될 때도 중단됩니다.
2016년 7월 13일 오전 3시 59분에 "scorpnode" [email protected] 이 다음과 같이 썼습니다.

이 문제가 종료된 이유는 무엇입니까? 내비게이션은 정말 고장난 것 같습니다. 내가 페이지를 밀면
양식이 있으면 작동하지 않습니다.

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/driftyco/ionic/issues/5883#issuecomment -232241198,
또는 스레드 음소거
https://github.com/notifications/unsubscribe/ANnlXmqTT5pf0i-JZNog5F32j8pB785Qks5qVFSZgaJpZM4H0Jz0
.

안녕하세요, 이것은 2.0.0-beta.10에서 여전히 발생하고 있습니다. NavController.setRoot를 호출한 후 빈 화면이 나타납니다. iOS 기기에서만 발생

기기 정보:

• 모델: iPad5,4
• iOS 버전: 8.3

2.0.0-beta.10 에서 이 문제에 직면하고 있습니다. NavController.setRoot로 다음 페이지로 이동할 수 없습니다. 내 코드는 다음과 같습니다.

this.nav.setRoot(somepage).then(() =>{
     this.nav.popToRoot();
});

기기 정보:

• 모델: 모토랄라 x 플레이
• 안드로이드 버전: 6

CLI v2.0.0-베타.32.

여전히 문제가 있습니다.
this.nav.setRoot(ListPage)
시작 튜토리얼 앱의 hello-ionic.ts에서.

v2로 쉽게 만든 FB 로그인을 해보고 싶었습니다.

다른 누군가?

[편집하다]
나는 사용하고 있었다
import {Nav} from 'ionic-angular';
대신에
import {NavController} from 'ionic-angular ';

내 문제를 해결했습니다. 그것이 누구에게나 도움이되기를 바랍니다.

여기에 같은 문제가 있습니다!
현재로서는 수정 사항이 있습니까?

안녕하세요. 누군가가 이 문제를 보여주는 플런커를 제공할 수 있다면 정말 좋을 것입니다. Ionic을 사용해 주셔서 감사합니다!

여러분 안녕하세요! 이 문제에 대한 활동이 있었던지 꽤 오래 된 것 같기 때문에 지금은 닫을 것입니다. 이 문제가 계속 발생하는 경우 언제든지 의견을 보내주십시오. Ionic을 사용해 주셔서 감사합니다!

답장을 드리지 못해 죄송합니다 💃

내 문제는 cordova-plugin-facebook4 https://github.com/jeduan/cordova-plugin-facebook4 와 관련된 것 같습니다.

내 프로젝트를 beta.10으로 업데이트하고 ionic-native에서 Facebook 래퍼를 사용하기 시작했을 때 문제가 멈췄습니다. 래퍼가 동일한 플러그인을 사용한다는 점을 고려하면 매우 이상합니다.

매우 감사합니다!

문제 없습니다. 문제가 해결되어 기쁩니다!

안녕하세요 @jgw96 입니다! 불행히도 이것은 여전히 ​​베타 10에서 저에게 문제인 것 같습니다. 아래 plnkr에서 이를 확인할 수 있습니다. 효과적으로, 나는 루트를 "탭" 페이지로 성공적으로 로그인하면 설정하는 로그인 모달을 가지고 있습니다. "탭"의 페이지에는 app.ts에서 소비되는 이벤트를 발생시키는 "로그아웃" 버튼이 있습니다. app.ts에서 루트를 "LoginPage"로 설정하려고 시도하지만 아무 일도 일어나지 않는 것 같습니다. "logout"을 클릭하는 동안 DOM을 보면 실행되는 것을 볼 수 있고 로그인 페이지가 탭 아래에 있지만 탐색이 발생하지 않는 것 같습니다. 어떤 아이디어?

http://plnkr.co/edit/n6jCzspnEcjQbl9KF10F

시간 내 줘서 고마워!

이 #7593에 대한 새로운 문제를 제출했습니다. 2.0.0-beta.10 및 11에 적용 가능하며 다른 제품에도 적용 가능합니다.

베타 11에서도 같은 문제가 있습니다.
탐색은 this.nav.setRoot(xxx)가 호출될 때까지 잘 작동하는 것 같습니다. 그 후 탐색은 무작위로 작동합니다... 새 페이지를 푸시할 때 때때로 아무 일도 일어나지 않습니다. 보기는 새 페이지 대신 현재 페이지에 유지됩니다. 팝업할 때 탐색이 두 번 팝업되는 것처럼 보입니다.
NavController 개체에서 모든 것이 올바른 것으로 보이며 모든 것이 정상적으로 실행됩니다. 그러나 DOM에 혼동이 있는 것 같습니다. 이러한 경우 ion-page 태그의 z-index 속성 값이 잘못되어 잘못된 페이지가 위에 유지됩니다.

이중 페이지 팝업 및 DOM 혼동과 관련하여 @Troknus 와 정확히 동일한 동작을 봅니다.

또한 처음에는 setRoot를 사용하고 다음 탐색 시에는 마치 이전에 완전히 언로드되지 않은 것처럼 초기 루트 페이지가 깜박입니다.

@Troknus 문제도 있습니다. show-page 클래스를 수동으로 추가하고 기능을 추가하려고 하지만 좋은 해결책은 아닙니다.

모든 사이트에서 검색하지만 아무것도 없습니다. 가능한 모든 솔루션을 시도하지만 모두 실패입니다.

베타 10에서. 탐색이 완벽하게 실행됩니다. 베타 11에서는 왜 안되나요?

@Troknus 도 같은 동작을 보고 있습니다.

얘들 아, @jorchg 가 말한 것과 같은 문제가 있습니다 .. 탭 오류를 고려하면 .. 두 번째 호출 후 탭으로 푸시합니다 (푸시가 발생하지만 현재 페이지는 여전히 맨 위에 있음)

로그인 후 탭 보기로 푸시하려고 하지만 작동하지 않는 경우 .. 탭에 있어야 하는 페이지로 푸시하면 .. 작동합니다. 여기 프로젝트가 있습니다.

• https://github.com/mariohmol/ionic2-meteor-messenger

@Troknus 와 같은 문제가 있습니다.

@schaergeek 은 베타 11로 업데이트되었으며 작동했습니다. 여기에 예제가 있습니다. https://github.com/mariohmol/ionic2-meteor-messenger-password

나는 Troknus에 대해 엄지손가락을 치켜 올렸지만 게시물이 더 명확하다고 생각합니다.

이 탐색은 실제 문제입니다.
우리(그리고 많은 다른 사람들이 생각합니다)는 이 버그가 있는 프로덕션 환경에서 이동할 수 없습니다.
(우리는 베타 11에서 Troknus로 작업하고 있으며 동일한 것을 가지고 있습니다...).

@joshgarwood의 plnkr 을 살펴보았습니다. 이벤트 퍼블리싱이 문제인듯? MyApp이 작업을 수행하도록 인증 이벤트를 게시하는 대신 TabPage 내의 NavController 인스턴스를 통해 루트를 설정하면 작동합니다. MyApp의 이벤트 리스너를 통해 루트를 설정하려고 하면 설정되지 않습니다. 그래서 주입되는 다른 NavController 인스턴스에 문제가 있는 것 같습니다...? DI가 여기에서 어떻게 작동해야 하는지 잘 모르겠지만 소비자는 NavController의 어떤 인스턴스가 주입되는지 신경 쓸 필요가 없다고 생각합니다. setRoot(*)를 호출하면 모든 것이 제대로 작동해야 합니다.

@Troknus 가 말하는 Z-index 문제와 관련하여 여러분 모두는 #8042 문제에 관심이 있을 수 있습니다. 이 경우 setRoot(*)는 전혀 호출되지 않습니다.

실은 @jgw96 님 의 댓글 을 방금 읽었는데 랜덤 NavController 인스턴스를 사용하면 안되는 것 같은데요...?

그래도 Z-인덱스에 버그가 있다는 사실은 변하지 않습니다.

여기 beta11과 같은 문제가 있습니다 ...

DOM이 혼란스럽거나 페이지가 깜박이는 것을 재현하는 다른 plnkr이 있는 사람이 있습니까? @joshgarwood의 plnkr 에는 푸시나 팝이 포함되어 있지 않습니다.

@rcjsuen Beta10 및 Beta11에서 동일한 문제가 발생하여 이 해결 방법을 찾았습니다. setRoot가 의도한 대로 작동하는지 확실하지 않지만 현재로서는 작동합니다.

작동 안함

  private initializeApp(): void {
    this.platform.ready().then(() => {

      firebase.auth().onAuthStateChanged(user => {
        if (user) {
          this.nav.setRoot(TabsPage);
        } else {
          this.nav.setRoot(LoginPage);
        }
      });

      StatusBar.styleDefault();
    });
  }
}

일하고있는

 private initializeApp(): void {
    this.platform.ready().then(() => {

      firebase.auth().onAuthStateChanged(user => {
        if (user) {
          this.setRoot(TabsPage);
        } else {
          this.setRoot(LoginPage);
        }
      });

      StatusBar.styleDefault();
    });
  }

  private setRoot(newRootPage: any){
    this.rootPage = newRootPage;
  }
}

@Vanclief 같은 문제가 있지만 제안한이 솔루션조차도 저에게 효과가 없었습니다.
내 코드는 처음에는 귀하의 코드였습니다. 그런 다음 ionic 2 rc0 및 angular 2.0.1로 업그레이드하려고 시도했지만 firebase(또는 angularfire)에서는 제대로 작동하지 않아 다음으로 롤백했습니다.

{
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "^0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "^2.0.0-rc.2",
    "firebase": "^3.3.0",
    "ionic-angular": "2.0.0-beta.11",
    "ionic-native": "1.2.2"
}

삭제된 node_modules/가 npm을 설치했는데 이제 이 문제에 직면해 있습니다.

이상한 점은 this.rootPage를 콜백 함수 외부의 것으로 설정하면 앱이 해당 페이지로 이동한다는 것입니다. 예

        this.setRoot(TeamPage);

        firebase.initializeApp(this.firebaseConfig);
        firebase.auth().onAuthStateChanged(user => {
            if (user) {
                this.setRoot(TeamPage); // If there's a user take him to the Teams page.
            } else {
                this.setRoot(LoginPage);  // If there's no user logged in send him to the LoginPage
            }
        });

사용자를 TeamPage로 탐색한 다음 사용자를 LoginPage로 탐색합니다(사용자가 로그인하지 않은 경우).

하지만

        firebase.initializeApp(this.firebaseConfig);
        firebase.auth().onAuthStateChanged(user => {
            if (user) {
                this.setRoot(TeamPage); // If there's a user take him to the Teams page.
            } else {
                this.setRoot(LoginPage);  // If there's no user logged in send him to the LoginPage
            }
        });

사용자를 어디에도 탐색하지 않습니다.

@피터파이퍼

나는 업데이트하지 않았지만 RC0으로 업그레이드하고 나면 사라지는 몇 가지 문제가 계속 발생했습니다. 내 프로젝트 중 하나의 경우 Firebase도 사용하고 업데이트하는 데 문제가 있었지만 이제 모든 것이 작동합니다.

저는 AngularFire를 사용하지 않지만 이 튜토리얼에서 다룹니다: https://playcode.org/getting-started-with-ionic-2-rc0-firebase-3-angularfire-2/

편집: 여기에 내가 만든 빠른 예가 있습니다.

@밴클리프

감사합니다. 이미 이 접근 방식을 시도했고 효과가 있었습니다. 그러나 ionic serve 를 수행할 때 파일을 볼 때 충돌하는 ionic RC_0과 결합된 노드 모듈에서 해킹을 해야 한다는 사실 때문에 업그레이드를 중단하고 이전 버전을 고수하게 되었습니다.

어쨌든 firbase.auth.currentUser가 설정되어 있는지 확인한 다음 rootPage를 설정하여 이전에 설정하지 않은 이상 콜백에서 루트 페이지 설정이 작동하지 않는 위에서 언급한 문제를 해결했습니다.

        const page = firebase.auth().currentUser ? TeamPage : LoginPage;
        this.setRoot(page);

        firebase.auth().onAuthStateChanged(user => {
            // If there's a user take him to the Teams page otherwise send him to LoginPage
            const page = user ? TeamPage : LoginPage;
            this.setRoot(page);
        });

그런 다음 동일한 페이지를 두 번 탐색하지 않도록 setRoot 메서드를 확인합니다.

이것은 또한 해킹이며 근본적인 문제를 해결하지 않습니다. 불행히도 다음 주에 이 문제에 대한 심층 조사에 들어갈 시간이 없습니다.

이것은 여전히 ​​문제입니다. this.nav.push(...)를 사용하면 잘 작동하지만 this.nav.setRoot(...)를 사용하면 처음 이후에는 작동하지 않습니다. 내 이온 정보는 다음과 같습니다.

Your system information:

Cordova CLI: 6.3.1
Gulp version:  CLI version 3.9.1
Gulp local:  
Ionic Framework Version: 2.0.0-rc.0
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
OS: Distributor ID: Ubuntu Description: Ubuntu 16.04.1 LTS 
Node Version: v4.6.0

package.json에서

  "dependencies": {
    "@ionic/storage": "^1.0.3",
    "firebase": "^3.4.1",
    "ionic-angular": "^2.0.0-rc.0",
    "ionic-native": "^2.2.2",
    "ionicons": "^3.0.0"
  },

@jgw96 이게 왜 닫혀있지? 분명히 이것은 setRoot가 제대로 작동하지 않기 때문에 열린 경우입니다.

@daveshirman , 나는 같은 문제에 직면하고 있었고 탐색 문제가 아니지만 여기에 내가 해결 한 방법이 있습니다.

내 app.ts에서 이것을 가지고

Firebase.initializeApp(구성);

platform.ready().then(() => {
  firebase.auth().onAuthStateChanged((user) => {
    if (user) {
      // If there's a user take him to the TabsPage page.
      this.rootPage = TabsPage;
    } else {
      // If there's no user logged in send him to the LoginPage
      this.rootPage = LoginPage;
    }
  });
  // Okay, so the platform is ready and our plugins are available.
  // Here you can do any higher level native things you might need.
  StatusBar.styleDefault();
});

위의 if 문은 // 사용자가 있는 경우 SET THE ROOTPAGE TO TabsPage 페이지를 말합니다.
그렇지 않으면 LoginPage에 남아 있어야 합니다. 일반적인 Firebase 로그인 방법을 사용하는 경우 if 부분이 실행됩니다(즉, rootPage로 이동하지만 Facebook을 사용할 때는 else 부분이 실행됩니다(즉, 로그인 페이지

저는 이렇게 해결했습니다.
페이스북 로그인() {

//페이스북에 로그인
Facebook.login(['이메일']).then((결과=>{
// 자격 증명을 설정합니다. 이것을 사용하여 Firebase에 로그인합니다.
자격 증명 = firebase.auth.FacebookAuthProvider '자격 증명'
// firebase에 로그인하면 탐색이 작동하지 않아 app.ts에서 //명령문의 ELSE 경로를 실행할 수 있습니다.
반환 firebase.auth().signInWithCredential(자격 증명);
})).then((사용자)=>{
//alert(firebase.auth().currentUser.uid);
this.userProfileRef.child(firebase.auth().currentUser.uid).set({
id:firebase.auth().currentUser.uid,
이메일: 사용자.이메일,
디스플레이 이름: 사용자.디스플레이 이름,
profilePictureURL:user.photoURL
});

   this.navCtrl.setRoot(TabsPage);
}).catch((error)=>{
  alert(error);
})

}

위의 코드에서 일어난 일은
첫 번째로 내가 했던 페이스북에 로그인해야 합니다.
Facebook.login(['이메일']).then((결과=>

두 번째로 Facebook 로그인 결과에서 보낸 accessToken을 사용하여 Firebase에 로그인하는 데 도움이 되는 자격 증명을 설정해야 합니다.
let 자격 증명 = firebase.auth.FacebookAuthProvider '자격 증명' ;
세 번째로 설정한 자격 증명으로 Firebase에 로그인해야 합니다.
반환 firebase.auth().signInWithCredential(자격 증명);
참고: 이것이 this.navCtrl.setRoot(TabsPage); 사용자가 아직 Firebase에 로그인하지 않았기 때문에 작동하지 않았습니다.

이제 코드의 then() 경로에서 rootPath로 이동할 수 있습니다.

그리고 facebook appId와 appSecrete가 firebase>authentication>facebook 패널에 구성되어 있는지 확인하십시오.

도움이 되기를 바랍니다.

@OyebisiJemil 당신이 한 일에 대한 긴 설명에 감사드립니다. 그러나 나는 setRoot가 facebook이나 다른 것을 사용하는 것이 아니라 제대로 작동하지 않는다는 점에서 개념적으로 동일한 문제가 있다는 것을 의미했습니다. 그래도 다시 한 번 감사합니다. 동일한 설명으로 열려 있는 다른 문제가 없는 한 이 문제를 닫으면 안 됩니다.

분명히 있는 것:

https://github.com/driftyco/ionic/issues/8453

나는 또한 매우 비슷한 상황에서 이 문제를 겪고 있습니다. 제 경우에는 setRoot(view) 대신 push(view)로 전환하면 문제가 해결되었고 실제로 내 앱 흐름과 연결되지 않습니다.

같은 문제가 있습니다. nav.push(view)는 잘 작동하지만 nav.setRoot는 작동하지 않습니다. 누구든지 제안이 있습니까?

나는 여전히 최신 빌드에서 오늘과 같은 문제에 직면하고 있습니다.

로그 아웃() {
this.authData.logoutUser().then(() => {
this.nav.setRoot(로그인 페이지);
});
}

작동하지 않습니다. 도와주세요. Thnx. 리스

setRoot 대신 push 사용...

@jgw96 , @adamdbradley 이것은 여전히 ​​중요한 문제입니다. 다시 열고 이정표를 지정하십시오. 저를 포함하여 많은 사람들이 이 문제를 겪고 있으며 이는 앱의 필수 기능입니다.

@dejancentelj 이 문제에 대한 해결책이 아닙니다.

@lisaiceland 이 문제를 해결하기 위해 다음 제안을 따랐습니다.
https://forum.ionicframework.com/t/cant-access-rootnav-after-upgrade-to-beta-11/59889/15?u=niallr

@niallr12 @daveshirman 이것이 RC3에서 여전히 문제입니까?

@manucorporat 이것이 RC3의 문제인지 확실하지 않지만 변경 로그에 수정 사항이 표시되지 않습니다. 나는 내 수정 사항에 만족하고 어쨌든 전반적으로 더 나은 접근 방식이라고 생각합니다.

원한다면 RC3에서 테스트할 수 있습니다.

@niallr12 글쎄, 나는이 특정 문제를 재현 할 수 없었습니다. 그러나 나는 수많은 작은 수정과 테스트를 통해 NavController를 강화하는 데 몇 주를 보냈습니다. 다음과 같이: 미친 흐름으로 탐색 스택에 스트레스를 주는 최악의 경우 입니다.

RC3에 대해 이 버그를 테스트할 수 있다면 매우 도움이 될 것입니다.

@manucorporat 여전히 rc3에서 문제를 복제할 수 있습니다. 제 경우에는 루트를 설정할 때 현재 보기를 닫지 않는 것 같습니다. 현재 보기를 닫고 루트를 설정하면 제대로 작동합니다. 보기를 푸시하면 완전히 잘 작동합니다.

야,

이전 메시지를 모두 읽지 않았기 때문에 내 대답이 누군가에게 도움이 될지 확신할 수 없지만 내 프로젝트에서 이러한 문제가 발생했을 때 상위 탐색 스택을 참조하여 문제를 해결했기 때문에 다시 다음으로 이동할 수 있었습니다. 환영 페이지 예:

시작 페이지(루트 페이지)

gotoFeature(): void {
  this.navCtrl.push(feature);
}

기능 페이지( 탭 포함 )

logout(): void {
  this.navCtrl.parent.parent.pop() //  back to welcome
}

탭에는 고유한 탐색 스택이 있으므로 이러한 방식으로 처리해야 합니다. 즉, 탭 탐색 개체 수준에서 setRoot 를 사용할 때마다 다른 페이지로 리디렉션되지만 바닥글의 탭 블록은 계속 표시됩니다.

이 문제가 종료된 이유는 무엇입니까? 같은 문제가 있습니다. 샘플 공급자에서 setRoot 함수를 사용하고 있습니다. App setRoot 및 변경된 페이지이지만 완료되면 탐색(메뉴)이 비활성화됩니다.

공급자의 내 코드입니다.

private _leaveGroup(user: modelUser, room: modelRoom): Promise<any> {
    return new Promise((resolve, reject) => {
      let loading = this.loadingCtrl.create({dismissOnPageChange: false});
      loading.present();

      this.ref.child(room.id).child('users').child(user.id).remove()
        .then(() => this.navCtrl.setRoot(PageDashboard))
        .then(() => loading.dismiss())
        .then(() => resolve())
        .catch(err => loading.dismiss().then(() => reject(err)));
    });
}

내 정보야

코르도바 CLI: 6.3.1
Ionic 프레임워크 버전: 2.0.0-rc.3
Ionic CLI 버전: 2.1.4
Ionic 앱 라이브러리 버전: 2.1.2
Ionic 앱 스크립트 버전: 0.0.45
iOS 배포 버전: 1.9.0
ios-sim 버전: 5.0.9
OS: 맥 OS X 시에라
노드 버전: v6.9.1
Xcode 버전: Xcode 8.1 빌드 버전 8B62

나는 같은 문제가 있었다. 그러나 주어진 시간에 setrroot 문만 실행하면 모든 것이 완벽하게 작동한다는 것을 확인했습니다. 그러나 여러 가지 이유로 여러 setroot 문이 주어진 시간, 즉 렌더링 전에 실행되면 Ionic이 여러 페이지를 생성하여 제 경우에는 탐색이 중단됩니다.

이 문제가 RC4에서 낯선 것으로 변경된 것 같습니다. 예제 로그인 페이지에서 메뉴/대시보드로 지금 루트를 설정할 때 로그인 페이지가 헤더에 뒤로 버튼을 표시하는 뷰 스택에 남아 모든 종류의 혼란을 야기한다는 점을 제외하고 동일한 유형의 문제

나는 이것을 설명하기 위해 location.reload를 수행해야 합니다. 이것은 새로운 사용자 등록 중에만 발생하기 때문에 끔찍한 사용자 경험이 아닌 것 같습니다. 하지만 여전히... 이 문제가 많은 이유로 종료된 이유를 이해할 수 없습니다. 사람들은 여전히 ​​문제를 겪고 있습니다.

로그아웃 이벤트를 생성합니다.

// app.component.ts
events.subscribe('logout', () => {
  localStorage.removeItem('token');
  this.rootPage = LoginPage;
 });

지금 로그아웃:

// pages/home/home.ts
  logout() {
    this.events.publish('logout');
  }

안녕하세요 여러분. 누구든지 이것에 대한 수정 사항을 찾았습니까? 저는 현재 Ionic 2.0.0-rc.4를 사용하고 있으며 문제는 여전히 존재합니다!

안녕,

//이 클래스를 가져옵니다.
 '@angular/core'에서 { Component, ViewChild } 가져오기;
 import { Platform, MenuController, Nav } from 'ionic-angular';

 내보내기 클래스 MyApp {
 //이 속성을 설정
 @ViewChild(Nav) 탐색: 탐색;

 //이 방법을 구현하면 완벽하게 작동합니다.
 private openPage(페이지: 모든): 모든 {
 //토큰 확인 
 this.loggedIn = this.service.canActivate();
 if (!this.loggedIn) {
 //기록되지 않음 
 this.nav.setRoot(로그인 페이지);
 } 또 다른 {
 //로그
 this.nav.setRoot(홈페이지);
 }
 this.menuCtrl.close();
 }

포옹!

내 앱: https://github.com/siteslave/chiangmai-demo-app/blob/master/src/pages/main/main.ts#L96 -L100

import {
  ...
  App,
  ...
} from 'ionic-angular';

//=====================//
 logout() {
    localStorage.removeItem('token');
    let nav = this.app.getRootNav(); 
    nav.setRoot(LoginPage);
  }

누구든지 이것에 대한 최소한의 해결 방법을 찾았습니까?

@joshuaohana와 동일한 문제입니다.

facebook 로그인 전에 setRoot를 수행하면 모든 것이 예상대로 작동합니다.
setRoot AFTER facebook을 수행하면 @joshuaohana와 동일한 동작이 발생합니다.

감사 해요.

(방금 이 복제본을 찾았습니다: https://github.com/driftyco/ionic/issues/6297)

로그아웃 작업을 위한 이벤트를 생성합니다.

또한 다른 작업 솔루션이 있는 nav에 대한 자세한 설명을 아래에서 찾으십시오.

https://webcake.co/exploring-nav-hierarchy-in-the-ionic-2-tabs-page/

아래에 붙여넣은 코드의 가장 가치 있는 부분입니다.

'ionic-angular'에서 { 앱 } 가져오기;
...
생성자(비공개 _app: 앱) {}

로그 아웃() {
...

    // Now I'll access the root NavController for the app,
    // and use that to reset the nav stack

    const root = this._app.getRootNav();
    root.popToRoot();

    // since I only have two items in the root NavController,
    // I could also have run root.pop() instead

}
...

저와 같은 실수를 하신 분들도 계실텐데요.

"setRoot"를 통한 탐색을 사용했지만 동시에 "[root]=.." 바인딩을 HTML 템플릿에서 계속 사용할 수 있다는 사실을 놓쳤습니다. 두 정보를 다시 동기화하면 문제가 해결되었습니다. 이 경우 모델 바인딩을 제거하고 API를 통해서만 루트를 관리했습니다.

감사합니다, 마이클

안녕하세요 여러분,

@ly-dev 솔루션이 저에게 효과적이었습니다. 방금 this._app.getRootNav().setRoot(EntryPage); 했고 작동합니다.

먼저 navController와 같은 위치인 ionic-angular에서 Nav를 가져옵니다.
import { App, NavController } from 'ionic-angular';

그런 다음 생성자에 제공하십시오.
constructor(public navCtrl: NavController, public appCtrl: App)

이제 rootnav에 액세스할 수 있습니다.
this.appCtrl.getRootNav().setRoot(YourComponent);

@AmitPoojary 그 솔루션이 작동하지 않았습니다. 사용자가 여러 탭으로 이동할 때.

예 : 여러 페이지가 있는 홈 탭. 사용자가 여러 페이지를 클릭할 때. 그런 다음 돌아가지 않고 계정 탭으로 전환한 다음 로그아웃하면 새로 고칠 때까지 계정 탭에 유지됩니다.

사용자가 홈 탭을 클릭하고 더 이상 이동하지 않으면 사용자가 올바르게 로그아웃된다는 것을 알아냈습니다.

사용자가 홈 탭의 두 번째 페이지로 이동할 때 dom의 많은 탭으로 이동하는 것이 전부라고 생각하고 getRootNav 는 그렇게 멀리 돌아가지 않습니다.

이것은 여전히 ​​문제입니다.

예, 여전히 Tab을 응용 프로그램의 주요 방문 페이지로 사용하는 저에게 문제가 있습니다. tabComponent 내의 모든 페이지에서 _navCtrl.setRoot()를 호출하면 해당 페이지만 rootPage로 설정되지만 하단의 탭 인터페이스는 제자리에 유지됩니다. 이렇게 하면 탭의 다른 페이지에 계속 액세스할 수 있습니다!

이에 대한 올바른 해결책은 다음과 같습니다.

let _nav = this.app.getRootNav(); _nav.setRoot(LoginPage);

또는 한 줄

this.app.getRootNav().setRoot(LoginPage);

내 새 앱에도 비슷한 문제가 있습니다. 내 응용 프로그램은 장치에 대한 첫 번째 푸시만 작동하며, 여기서 소켓 연결을 만들고 일부 소켓 통신을 수행합니다. 앱을 종료하고 개발 컴퓨터에서 연결을 끊고 응용 프로그램을 다시 실행했는데 서버 측에서 연결 활동이 보이지 않았습니다. 나는 uiktiomasfeliz 권장 사항을 구현하지 않았으며 오늘 나중에 시도할 것입니다. 하지만 그냥 머리를 위로.

예. 나는 또한 다음과 같은 것을 성취했습니다.

this.app.getRootNav().setRoot(SetupPage);

그러나 그것은 장치의 이미지 경로를 깨뜨립니다 ...

(getRootNav)는 더 이상 사용되지 않으며 다음 주요 릴리스에서 제거됩니다. 대신 getRootNavById를 사용하십시오.

그래서... 이 오류는 수정되지 않았고 이전 패치는 더 이상 작동하지 않습니다. :/

this.app.getRootNav().setRoot(LoginPage);

이것은 나를 위해 깨어 있지 않습니다 ...

이것은 적어도 나를 위해 릴리스 3.5.3으로 해결되었습니다.

웰프, 3.5.3은 나를 위해 그것을 수정하지 않았습니다.

여러분, 여전히 setRoot() 후에 작동하지 않는 이 문제 사이드바가 있습니다.

나는 이것을 사용합니다 : this.navCtrl.setRoot(HomePage);

여기에서 모든 솔루션을 시도했지만 여전히이 문제가 있습니다.
이온 3.10.3

나는 그렇게 해결했다

가져오기 앱

'ionic-angular'에서 { IonicPage, NavController, Nav, App } 가져오기;

그리고 지금 사용

const root = this.app.getRootNav();
root.popToRoot();
root.setRoot("LoginPage");

안녕하세요, 저는 Android가 설치된 iPhone4 및 기타 기기에서 Hello World 앱을 테스트하고 있습니다.

마지막 Ionic 및 CLI 버전.

가장 큰 문제는 iPhone의 경우 setRoot 호출이 작동하지 않는다는 것입니다.

무효 onGoClick(){
// 이 줄은 아무 것도 하지 않으며 오류가 발생하지 않습니다.
this.navCtrl.setRoot(홈페이지);

// 이 줄은 아무 것도 하지 않으며 오류가 발생하지 않습니다.
this.app.getRootNav().setRoot(홈페이지);
}

이것은 또한 작동하지 않습니다

var 루트 = this.appCtrl.getRootNav();
root.setRoot(홈페이지);
root.popToRoot();

문안 인사.

안녕하세요 @alemdg 제 생각에는 경로를 호출하는 방식이라고 생각합니다. 예를 들어 텍스트처럼 정의하거나 객체처럼 정의하는 경우,

문제를 피하려면 텍스트( "HomePage" )처럼 호출하고 이 변수를 생성하십시오.

const 루트 = this.app.getRootNav();

다음 메소드를 호출하십시오.

const 루트 = this.app.getRootNav();
root.popToRoot();
root.setRoot("홈페이지");

이 개체 가져오기

'ionic-angular'에서 { IonicPage, NavController, NavParams, Nav, App } 가져오기;

건설자(
공개 앱: 앱
) {

첫 번째는 popToRoot이고 두 번째는 새 루트를 정의합니다.)

무효 onGoClick(){
// 이 줄은 아무 것도 하지 않으며 오류가 발생하지 않습니다.
this.navCtrl.setRoot( "홈페이지" );

// 이 줄은 아무 것도 하지 않으며 오류가 발생하지 않습니다.
root.popToRoot();
root.setRoot( "홈페이지" );
}

이것은 또한 작동하지 않습니다

const 루트 = this.appCtrl.getRootNav();
root.popToRoot();
root.setRoot( "홈페이지" );

@spidermay 답변 감사하지만 여전히 작동하지 않습니다.

나는 수입했다
'ionic-angular'에서 { IonicPage, NavController, NavParams, Nav, App } 가져오기;

그리고 실행
const 루트 = this.app.getRootNav();
root.popToRoot();
root.setRoot("홈페이지");

하지만 버튼을 두 번 클릭하면 작동합니다....

새로 고침이 누락 된 것과 같습니다 ....

나는 이것을 3.7.1에서 보고 있다.

다음 코드를 사용하십시오. 작동하지 않으면 오류 메시지가 표시됩니다.

this.menu.close();
this.nav.setRoot(홈페이지).then(()=>{
this.nav.popToRoot();
}).catch(오류=>{
경고(err.toString());
});

안녕하세요 @FatehiAlqadasi , 감사합니다.
오류가 발생했습니다. 여기에 로그가 있습니다.

오류:
C@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21236
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21702
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21967
reduce@[네이티브 코드]
O@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21927
format@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:8:12952
transform@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:8:14339
Ce@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:3:23348
즉 @ 파일 ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:1046
Te@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:518
no@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:5140
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:42:25653
updateRenderer@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:4409
Se@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:328
We@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:3041
Ge@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:2439
Se@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:336
감지 변경 @ 파일 ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:6:5799
_viewAttachToDOM@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:17:22059
_transition@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:17:23173
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:17:19213
invoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9288
onInvoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:5:1143
invoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9231
run@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:4458
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:14079
invokeTask@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9972
onInvokeTask@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:5:1047
invokeTask@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9900
runTask@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:5153
o@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:2210
invoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:10986
오류:
C@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21236
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21702
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21967
reduce@[네이티브 코드]
O@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:7:21927
format@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:8:12952
transform@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:8:14339
Ce@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:3:23348
즉 @ 파일 ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:1046
Te@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:518
no@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:5140
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:42:25653
updateRenderer@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:4409
Se@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:328
We@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:3041
Ge@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:2439
Se@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:4:336
감지 변경 @ 파일 ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:6:5799
_viewAttachToDOM@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:17:22059
_transition@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:17:23173
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:17:19213
invoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9288
onInvoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:5:1143
invoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9231
run@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:4458
file:///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:14079
invokeTask@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9972
onInvokeTask@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:5:1047
invokeTask@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:9900
runTask@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:5153
o@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:2210
invoke@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/polyfills.js:3:10986
dispatchEvent@[네이티브 코드]
handleTapPolyfill@file :///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:18:6423
pointerEnd@file //var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:18:5144
[네이티브 코드]
handleTouchEnd@file ///var/containers/Bundle/Application/B7F05CCA-3B74-4F26-A691-B0D9F669E526/SGI.app/www/build/main.js:19:19943
[네이티브 코드]

@tonyawad88
문제가 해결되었습니다.

logout(){
this.navCtrl.setRoot("LoginPage");
this.navCtrl.push("LoginPage");

}

2년 된 버그, 여전히 아무도 감히 고칠 수 없습니다... Ionic 3에서도 같은 문제가 발생합니다.

여러분 안녕하세요,

루트 페이지에서도 내 모든 데이터를 가져올 수 있지만 탭 밖으로 페이지를 탐색할 수 없으며 탭의 자식처럼 열려 있습니다.

해결하기 위해 모든 가능성을 시도했지만 작동하지 않습니다.

내 데이터가 있는 탭 페이지.

가져온 데이터를 클릭하면 데이터의 세부 정보 페이지로 리디렉션됩니다. 리디렉션되었지만 탭 페이지 내부에 있습니다. 이와 같이...

도와줘,

미리 감사드립니다.

[email protected]에서 이 버그를 발견했습니다. 내 app.module에서 제거하면 문제 없이 하루 종일 nav.setRoot()를 호출할 수 있기 때문에 DeepLinkConfig와 연결된 것 같습니다. 내 가설은 setRoot()의 후속 호출 후 딥 링크 로직이 window.location 이전에 탐색 스택이 변경되는 상태가 되며 딥 링크 코드는 window.location이 다른 페이지를 가리키는 것으로 간주한다는 것입니다. (당신이 setRoot()를 그것으로부터 멀리 떨어져 있기 때문에) 스택, 그래서 그것은 당신이 멀리 탐색하려고 했던 페이지로 당신을 반환합니다.

그럼에도 불구하고 여기에 저에게 효과적인 해결 방법이 있습니다.

await this.nav.push(page, params);
this.nav.remove(0, this.nav.length() - 1);

@jknisley 정말 감사합니다.
나는 이것으로 내 문제를 해결했습니다.

detailEvent(eventItem) {
    this.app.getRootNav().push(DetailEventsPage, { itemUp: eventItem });  
  }

이 코드는 나를 새 페이지와 다른 레이아웃(탭 페이지 아래 아님)으로 리디렉션합니다.

후손을 위해 여기에 남겨 두십시오. 이 로그아웃 기능은 부작용 없이 작동하는 것 같습니다. @uiktiomasfeliz에게 감사드립니다.

cli 패키지: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

글로벌 패키지:

cordova (Cordova CLI) : 7.1.0

로컬 패키지:

@ionic/app-scripts : 3.1.2
Cordova Platforms  : android 6.3.0 ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

체계:

ios-deploy : 1.9.2
Node       : v8.9.1
npm        : 5.7.1
OS         : macOS High Sierra
Xcode      : Xcode 9.3 Build version 9E145

async logOut() {
    await this.authProvider.logout();
    await this.app.getRootNav().setRoot('LoginPage');
  }

이것이 내가 새로운 탐색 스택을 설정하고 이전 탐색 스택을 제거하는 방법입니다. 이것은 이온 각 3.9.2 에 대해 수행되었습니다.

this.navCtrl.remove(0, this.navCtrl.length() - 1);
this.navCtrl.insert(0, MainPage);
this.navCtrl.pop();

문제를 주셔서 감사합니다! 이 문제는 원래 문제와 관련이 없는 댓글을 방지하기 위해 잠겨 있습니다. 이것이 여전히 최신 버전의 Ionic에서 문제가 되는 경우 새 문제를 만들고 템플릿이 완전히 채워졌는지 확인하십시오.