Ionic-framework: Ionic v3 - 런타임 오류 잡히지 않음(약속 중): removeView를 찾을 수 없습니다.

loading.dismiss()를 수동으로 호출하는 경우에는dismissOnPageChange를 사용하지 않는 것이 좋습니다. 아마도 동일한 로딩을 두 번 해제하는 것입니다.

문제는 주로 => this.nav.setRoot(HomePage) 로 인해 발생합니다.
나는 그가 구성 요소를 팝업하고 싶을 때 문제가 있다고 생각합니다.

이 문제에 대한 "임시" 솔루션 중 하나는 this.nav.setRoot(HomePage)를 다음과 같이 바꾸는 것입니다.

this.nav.insert(0,홈페이지);this.nav.popToRoot();

그렇게함으로써 홈페이지를 루트로 설정하고 다른 모든 구성 요소를 팝합니다.

문제가 있으면 말해줘

이 오류도 발생했습니다. 그러나 ion-app-scripts를 1.3.6에서 1.3.4로 다운그레이드하면 문제가 해결되었습니다. 나는 당신이 1.3.4를 사용하고 있다는 것을 알았습니다. 그래서 무슨 일인지 잘 모르겠습니다.

이온 정보:

Cordova CLI: 6.5.0 
Ionic Framework Version: 3.1.0-201704300143
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.4
ios-deploy version: 1.9.1 
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.3.2 Build version 8E2002

v2.0.3에서 3.0.0으로 프레임워크를 업데이트하고 v3.1.0으로 다시 업데이트한 후에도 이 문제를 발견했지만 프레임워크 v2.0.3에서는 이 오류가 발생하지 않습니다. 이 문제가 3.0.0 또는 3.1.0에서 발견되었는지 확실하지 않습니다.
이 문제를 해결하려면 다운그레이드해야 할 수도 있습니다.

이제 내 이온 정보가 아래에 있습니다.

코르도바 CLI: 6.4.0
Ionic 프레임워크 버전: 3.1.0
Ionic CLI 버전: 2.1.18
Ionic 앱 라이브러리 버전: 2.1.9
Ionic 앱 스크립트 버전: 1.3.4
iOS 배포 버전: 1.9.0
ios-sim 버전: 5.0.13
OS: macOS 시에라
노드 버전: v6.9.4
Xcode 버전: Xcode 8.3.2 빌드 버전 8E2002

참고: 내 ionic 앱 스크립트 버전도 1.3.4입니다.

업데이트, 이 문제를 해결하는 방법을 찾았습니다. (프레임워크 버전을 다운그레이드하지 않고 여전히 3.1.0을 사용합니다)
아래와 같이 로드에 대한 코드를 변경하여 이 문제를 해결했으며 저에게 효과적입니다.

loading.present();
somePromiseMethod().then(()=>{
     loading.dismiss();
});
...

에게

loading.present().then(()=>{
   somePromiseMethod().then(()=>{
      loading.dismiss();
   });
});

왜 작동합니까? loading.present()가 비동기식 메서드이기 때문에 loading.present()가 아직 실행 중일 때 수동으로 loading.dismiss()를 호출할 수 없다고 생각합니다.
따라서 수동으로 해제해야 하는 경우 로드가 표시되고 해제할 수 있는 보기가 있는지 확인해야 합니다. 위의 내 코드와 같이 present().then 다음에 다른 메서드를 사용해야 합니다.

그러나 이전 프레임워크 버전(2.0.3)에 이 문제가 없는 이유는 확실하지 않습니다.

안녕하세요 여러분, 저도 같은 문제가 있었지만 return false; 이 경고 처리기에서 누락되었기 때문에 문제가 발생했습니다.
나는 이 이전 버전 3.1.1을 가지고 있었다

let alert = this.alertCtrl.create({
            message: "message....",
            buttons: [
              {
                text: "Cancel", handler: () => {
                  alert.dismiss();
                }
              },
              {
                text: "Sign up instead?", handler: () => {
                  alert.dismiss().then(() => {
                    self.nav.pop().then(data => {
                      self.nav.push(OtherPage);
                    });
                  });
                }
              }]
          });
          alert.present();

3.1.1로 업그레이드한 후 return false; 를 핸들러에 넣어야 했습니다.

let alert = this.alertCtrl.create({
            message: "message....",
            buttons: [
              {
                text: "Cancel", handler: () => {
                  alert.dismiss(); 
                  return false;
                }
              },
              {
                text: "Sign up instead?", handler: () => {
                  alert.dismiss().then(() => {
                    self.nav.pop().then(data => {
                      self.nav.push(OtherPage);
                    });
                  });
                  return false;
                }
              }]
          });
          alert.present();

문서에는 다음과 같이 나와 있습니다.
http://ionicframework.com/docs/api/components/alert/AlertController/

여기서도 같은 문제! 나는 두 번로드를 기각한다고 생각하지 않습니다. 이 로딩을 표시하지 않으면 오류가 발생하지 않습니다.

getPosts() {
        if(this.loading != undefined){
            this.loading.dismiss();
        }

        this.loading = this.loadingCtrl.create({
            spinner: 'bubbles',
            content: 'Please wait...'
        });

        this.loading.present();
        return this.http.get(this.baseUrl + 'articles.php')
            .toPromise().then((result: Response) => {
                const data = result.json();
                this.articleRepo = data;
                if (this.items == undefined) {
                    this.updateItems(10, 0).then((err) => {
                        this.loading.dismiss();
                    });
                }else{
                    this.loading.dismiss();
                }
                return data;
            }).catch((err) => {
                this.loading.dismiss();
            });
    }

Your system information:

 ordova CLI: 6.3.1
Ionic Framework Version: 3.1.1
Ionic CLI Version: 2.1.8
Ionic App Lib Version: 2.1.4
Ionic App Scripts Version: 1.3.6
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.10.1
Xcode version: Not installed

안녕하세요 xap5xap, alert.dismiss()를 제거해 주시겠습니까? 저에게 효과적입니다. 따라서 귀하의 코드는 다음과 같을 것입니다.

text: "Sign up instead?", handler: () => {
      self.nav.pop().then(data => {
            self.nav.push(OtherPage);
       });
}

안녕하세요 uzumakinaruto123, loading.present() 후에 .then()을 추가하여 코드를 수정해 주시겠습니까? 저에게 효과적입니다. 따라서 귀하의 코드는 다음과 같을 것입니다.

this.loading.present().then(()=>{
     return this.http.get(this.baseUrl + 'articles.php')
     ...(your code)
});

Could you try to revise your code by add .then() after loading.present(), it works for me.
^ 문제를 수정했습니다. 감사합니다.

모두들 안녕! 이 시점에서 이것은 지원 질문에 더 가깝기 때문에 이 질문을 우리 포럼 이나 [slack channel](https://ionicworldwide.herokuapp.com/]에 가져갈 것을 촉구합니다. Ionic을 사용해 주셔서 감사합니다!

빠른 수정은 로더를 null로 만드는 것입니다.
if(this.loader){ this.loader.dismiss(); this.loader = null; }

그러면 문제가 해결됩니다.

이 시도 :
this.loader.dismiss();
setTimeout(() => {
this.nav.setRoot('홈');
});

그것은 나를 위해 일하고 있습니다 :)

죄송합니다. 원래 댓글이 잘못되어서 삭제했습니다. 광산은 경고와 관련이 없지만 후속 로드 인스턴스와 관련이 있으며 ngAfterContentChecked에서 경고를 제거하려는 시도입니다.

내가 작성한 현재 방법은 여전히 ​​이 문제를 일으 킵니다.

````
공개 쇼로딩(메시지) {
this.loadingObject = this.loading.create({내용: 메시지, 해제OnPageChange: false});
this.loadingObject.present();
this.loadingObject를 반환합니다.
}

public dismissLoading() {
    if (this.loadingObject) {
        try {
            this.loadingObject.dismiss();
        }
        catch (exception) {

        }
        this.loadingObject = null;
    }
}

````
이들은 서비스로 제공됩니다. 여기서 무엇이 잘못될 수 있는지 잘 모르겠습니다. ionic 2에서 ionic 3으로 이동하기 전까지는 확실히 문제가 되지 않았습니다. 페이지 탐색과는 전혀 관련이 없습니다.

중첩된 dom 요소에 대한 바인딩 (click)="callback()"이 이 문제의 원인임을 인식할 때까지 동일한 문제가 있었습니다.

예 - 모달 대화 상자의 내용:

<ion-item detail-none *virtualItem="let unsentOffer" (click)="selectOffer(unsentOffer)">
      <ion-grid no-padding>
        <ion-row>
          <ion-col>
            <div class="project-name ellipsis line-count-1" (click)="selectOffer(unsentOffer)"><span ion-text text-bold>{{unsentOffer.description}}</span>
            </div>
            <div class="customer-name ellipsis line-count-1"><span ion-text>{{unsentOffer.firstNameLastName}}</span>
            </div>
          </ion-col>
        </ion-row>
      </ion-grid>
</ion-item>

selectOffer()에서 대화 상자를 닫으면 두 번 호출됩니다. 두 번째 대화 상자는 "removeView를 찾을 수 없습니다"와 충돌합니다...

이 방법을 사용하여 다음을 해결했습니다.
this.loading.dismissAll();

콜백 함수로 이 문제를 해결했습니다. 다음을 참조하세요.
this.viewCtrl.dismiss().then(()=>{
this.events.publish("goto",TabsPage,null,{root:true});
});

콜백 함수로 시도

작업 시트 또는 모달을 연속해서 여러 번 열 때 이 문제가 발생합니다. 그리고 그들은 다른 출처에서 열립니다. 특히 ioni가 액션 시트에서와 같이 뷰 킬링을 처리할 때 수정 사항을 어떻게 적용할 수 있습니까?

_원본 및 기타 유사한 문제에 대해. 읽어보세요_

위는 loadController 에 대한 코드입니다. 애니메이션을 수행하기 위해 이동 중인 페이지에 액세스하려고 시도하는 코드에 주목하십시오. 이것은 다른 구성 요소에서 발생하며 일반적으로 페이지에서 구성 요소를 표시하도록 설정한 위치에 따라 다릅니다.

이것은 실패하는 코드입니다

마지막 부분에서 코드가 실패하여 loadController _why?_를

setRoot()를 호출하여 탐색 스택을 재설정하고 더 이상 등록 페이지에 액세스할 수 없기 때문입니다. 탐색 스택의 유일한 페이지는 홈페이지입니다. 이것은 애니메이션이 발생해야 하는 페이지입니다.

해제 시간을 약 1000ms로 설정해 보십시오. 이렇게 하면 탐색 스택의 올바른 종료 페이지 를 홈페이지에 다시 작성하고 정상적으로 종료할 수 있는 충분한 시간이 주어집니다.

성가신 일이고 오류가 거의 무작위로 발생하기 때문에 누군가가 이것의 바닥에 도달하기를 바랍니다. 나를 위해 탭을 빠르게 변경할 때마다 발생합니다. 내 최선의 진단은 그것이 경쟁 조건일 가능성이 매우 높다는 것입니다.

내 솔루션은 해제 후 캐치를 추가하는 것입니다.

  this.loading.dismiss().catch()

지금까지 작동하는 것 같습니다.

나는 그 팁을 시도했지만 여전히 문제가 계속 표시됩니다.
나는 이것이 경쟁 조건이라는 @kaceo 에 어느 정도 동의하므로 시간 초과를 추가하고 작동합니다. 지금까지 오류가 다시 표시되는 것을 보지 못했습니다.

예시:

setTimeout(() => {
        this.getData().subscribe(res => {
          this.loader.dismiss();
          this.items = res.docs;
        }, err => {
          this.loader.dismiss();
          console.log(err);
        });
      }, 100);

나는 같은 문제를 발견하고 이것으로 테스트했습니다.

1. 나는 로더 핸들러에 대한 블록 코드를 주석 처리했습니다 --> 오류 해제 및 이제 잘 작동합니다..
2. 원래 코드로 돌아간 다음 timeOut을 추가했습니다. --> 이제 잘 작동합니다.

이 코드를 추가했습니다

setTimeout(()=>{
  // Here Code
})

날 위해 일해!

같은 오류가 뜨더군요. "removeView를 찾을 수 없습니다"

내 경우와 해결 방법은 다음과 같습니다.
문제는 내 로더가 항상 처음 호출될 때만 표시된다는 것입니다. 두 번째로 표시해야 할 때 오류가 발생하고 앱이 다운되었습니다.

나는 이와 같이 생성자에서 내 로더를 인스턴스화하고있었습니다 ...

public loading: Loading;
constructor(...){
    this.loading = this.loadingCtrl.create({ });

}

생성자에서 한 번만 대신 로더를 표시하기 전에 항상 this.loading = this.loadingCtrl.create({ }); 호출하여 오류를 제거했습니다.

이것이 최선의 방법인지 확실하지 않지만 지금은 선택하고 있습니다. 그것이 당신 중 일부에게 도움이되기를 바랍니다.

이것은 Ionic 팀에서 "지원"으로 표시된 미친 문제입니다!

이 문제를 방지하려면 LoadingController 자체에 dismiss() 에 간단한 if 가 있어야 합니다.

이 문제로 인해 LoadingProvider 를 유지해야 합니다. 이 문제는 성가시다.

브라우저 뒤로 버튼을 누를 때마다 내 PWA에서 이 문제가 발생합니다. NavBar 뒤로 버튼이 제대로 작동합니다.
다음과 같이 로딩 컨트롤러를 사용하고 있습니다.
loading.present().then(()=>{ //code to retrieve data; loading.dismiss(); });

따라서 전체 코드는 if(loading){ loading.dismiss(); loading = undefined } 여야 합니다.

@kaceo 메소드는 내가 이것을 할 때까지 여전히 오류를 던졌습니다.

loader.dismiss().catch(()=>{})

여기에 언급 https://github.com/ionic-team/ionic/issues/11776#issuecomment -314050068

단지 시도

`
'ionic-angular'에서 { 앱} 가져오기;
내보내기 클래스 PopoverPage {
생성자(공개 navCtrl: NavController, 공개 appCtrl: 앱) {}

this.viewCtrl.dismiss().then(()=>{
setTimeout(()=>{
확인.dismiss().then(()=>{
this.appCtrl.getRootNav().setRoot('대시보드 페이지');
})
},300)
})
}
`

이것

this.loading.present().then( x=> { this.dataProvider.getData("assets/data/persons.json").subscribe((data: Array<Object>) => { this.fullPersonsList = data; this.filteredPersonsList = data; this.loading.dismiss().catch(() =>{}); });
});

나를 위해 일했다

이건 그냥 웃기다. 여기에 나열된 모든 솔루션을 시도했지만 성공하지 못했습니다. 제 경우에는 로그인 페이지를 모달로 표시했습니다. 따라서 사이드바 기능을 유지하면서 닫는 솔루션은 다음과 같습니다.
window.location.reload();
너무 얄밉다...

@EduardoIbarra , @theo4u 의 솔루션이 작동했습니다.

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