ERROR错误:未捕获(在承诺中):XMLHttpRequest.onreadystatechange

时间:2018-06-14 09:49:21

标签: javascript angular ionic-framework twilio

我正在使用twilio客户端,当我断开连接时,我收到如下错误。

  

错误错误:未捕获(在承诺中):错误错误       在XMLHttpRequest.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange](VM7676 twilio.js:55)       在XMLHttpRequest.H(VM7678 polyfills.js:3)       at t.invokeTask(VM7678 polyfills.js:3)       at Object.onInvokeTask(VM7679 vendor.js:5425)       at t.invokeTask(VM7678 polyfills.js:3)       在r.runTask(VM7678 polyfills.js:3)       在e.invokeTask [作为调用](VM7678 polyfills.js:3)       at p(VM7678 polyfills.js:2)       在XMLHttpRequest.v(VM7678 polyfills.js:2)       在XMLHttpRequest.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange](VM7676 twilio.js:55)       在XMLHttpRequest.H(VM7678 polyfills.js:3)       at t.invokeTask(VM7678 polyfills.js:3)       at Object.onInvokeTask(VM7679 vendor.js:5425)       at t.invokeTask(VM7678 polyfills.js:3)       在r.runTask(VM7678 polyfills.js:3)       在e.invokeTask [作为调用](VM7678 polyfills.js:3)       at p(VM7678 polyfills.js:2)       在XMLHttpRequest.v(VM7678 polyfills.js:2)       at c(VM7678 polyfills.js:3)       在VM7678 polyfills.js:3       在VM7676 twilio.js:55       在XMLHttpRequest.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange](VM7676 twilio.js:55)       在XMLHttpRequest.H(VM7678 polyfills.js:3)       at t.invokeTask(VM7678 polyfills.js:3)       at Object.onInvokeTask(VM7679 vendor.js:5425)       at t.invokeTask(VM7678 polyfills.js:3)       在r.runTask(VM7678 polyfills.js:3)       在e.invokeTask [作为调用](VM7678 polyfills.js:3)

有没有办法调试它,因为我很难调试它,即使是一点帮助也会受到赞赏。

深入挖掘: 我将streamtext与twilio集成在一起。我需要更改streamtext的配置,所以我需要更改iFrame的url。当我更改iframe url以便streamtext iframe刷新时,一切正常,但是当我尝试重定向回到其他页面时,我得到了上述错误。

1 个答案:

答案 0 :(得分:0)

我仍然无法弄清楚问题是什么,但是我修复了错误,而不是使用iframe上的属性绑定我切换到DOM操作。 我做的是

<强>代替

<p *ngIf="state.state == 1 || state.state == 2">
    <iframe [src]="iframeUrl" id="transcribed-content" frameborder="0" *ngIf="iframeUrl"></iframe>

。通过

 <p id="iframeContainer" *ngIf="state.state == 1 || state.state == 2">

 </p>

而是使用此

添加iframe
  appendIframe () {
    console.log('onChange called')
    let elem = document.getElementById('iframeContainer');
    if(elem) {
        let iframe = document.createElement('iframe');
        iframe.src = this.presentIframeUrl; 
        iframe.setAttribute('frameborder' , "0");
        iframe.setAttribute("id", "transcribed-content");
        elem.innerHTML = iframe.outerHTML;
    }
  }

所以这个错误已经消失了。