2016-10-19 6 views
0

관찰 가능하고 API 호출을 처리하고 요청으로 인증 토큰을 래핑하기 위해 일반적인 angular2 서비스를 구현하는 것이 처음입니다. 이를 위해 Angular2 정의되지 않은 'Symbol (Symbol.iterator)'속성을 읽을 수 없습니다.

는 내가 조금 그것을 변경 401 오류를 처리하기 위해 지금

https://gist.github.com/chandermani/9166abe6e6608a31f471을 사용하고 있습니다.

private _request(method: RequestMethod, url: string, body?: any, options?: RequestOptionsArgs): Rx.Observable<Response> { 
    let requestOptions = new RequestOptions(Object.assign({ 
     method: method, 
     url: url, 
     body: body 
    }, options)); 

    if (!requestOptions.headers) { 
     requestOptions.headers = new Headers(); 
    } 

    requestOptions.headers.set('Authorization', this._buildAuthHeader()); 

    return Rx.Observable.create((observer) => { 
     this.process.next(Action.QueryStart); 
     this._http.request(new Request(requestOptions)) 
      .map(res => res.json()) 
      .finally(() => { 
       this.process.next(Action.QueryStop); 
      }).catch((error) => { 
       if (error.status === 401) { 
        this.renewToken().subscribe((res) => { }, (err) => { },() => { 
         requestOptions.headers.set('Authorization', this._buildAuthHeader()); 
         this._http.request(new Request(requestOptions)) 
          .map(res => res.json()) 
          .subscribe(
          (res) => { 
           observer.next(res); 
           observer.complete(); 
          }, 
          (err) => { 
          }, 
          () => { 

          }); 
        }); 
       } else { 
        observer.next(); 
        observer.complete(); 
        return Rx.Observable.timer(1); 
       } 
      }) 
      .subscribe(
      (res) => { 
       observer.next(res); 
       observer.complete(); 
      }, 
      (err) => { 
       switch (err.status) { 
        case 401: 
         // intercept 401 
         this.authFailed.next(err); 
         observer.error(err); 
         break; 
        default: 
         observer.error(err); 
         break; 
       } 
      }); 
    }); 
} 

예상대로 작동합니다. 401에서 토큰을 새로 고친 다음 API 호출을 실행하고 API에서 결과를 반환합니다. 하지만 콘솔에서 오류가 발생합니다.

Cannot read property 'Symbol(Symbol.iterator)' of undefined 
TypeError: Cannot read property 'Symbol(Symbol.iterator)' of undefined 
at Object.subscribeToResult (eval at <anonymous> (http://localhost:8080/js/vendor.js:48:1), <anonymous>:45:27) 
at CatchSubscriber.error (eval at <anonymous> (http://localhost:8080/js/vendor.js:1921:1), <anonymous>:60:33) 
at FinallySubscriber.Subscriber._error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:128:26) 
at FinallySubscriber.Subscriber.error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:102:18) 
at MapSubscriber.Subscriber._error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:128:26) 
at MapSubscriber.Subscriber.error (eval at <anonymous> (http://localhost:8080/js/vendor.js:20:1), <anonymous>:102:18) 
at XMLHttpRequest.onLoad (eval at <anonymous> (http://localhost:8080/js/vendor.js:1634:1), <anonymous>:88:34) 
at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:236:37) 
at Object.NgZoneImpl.inner.inner.fork.onInvokeTask (eval at <anonymous> (http://localhost:8080/js/vendor.js:2622:1), <anonymous>:35:37) 
at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:235:42) 
at Zone.runTask (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:136:47) 
at XMLHttpRequest.ZoneTask.invoke (eval at <anonymous> (http://localhost:8080/js/polyfills.js:759:1), <anonymous>:304:33) 

문제를 추적하거나 추적하는 방법을 알려주십시오.

답변

관련 문제