2017-03-23 5 views
5

조치가 전달되지 않을 때 응용 프로그램에 문제가 있거나 조치가 전달 될 때 호출되지 않는 일부 효과가 발생합니다 (ngrx effect not being called when action is dispatched from component 참조).ngrx 저장소, 동작 및 효과를 디버깅하거나 검사하는 방법은 무엇입니까?

ngrx 저장소, 동작 및 효과를 디버깅하는 방법을 알고 싶습니다.

내 환경에서 ngrx의 타이프 스크립트 소스를 사용할 수 없으므로 (타이핑 만 사용 가능함) 상점 및 효과에서 어떤 일이 벌어지고 있는지 알 수있는 다른 방법이 있습니까?

P. dev 저장소 도구는 축소기에 의해 발생한 변경 사항을 보는 것만 허용합니다.

+0

이것은 매우 유용한 도구입니다. https://github.com/zalmoxisus/redux-devtools-extension – balteo

답변

1

redux devtools 확장은 ngrx에서도 저장소 활동을 모니터링하는 편리한 방법입니다. 그러나 은 모두입니다. ngrx 효과에 의해 방출 된 작업을 포함하여 감속기가 스토어를 업데이트할지 여부를 결정합니다. 효과에서 파견 된 작업이 표시되지 않으면 파견을 방해하는 문제가 있습니다.

ngrx 효과 및 매장 구독을 비롯하여 일반적으로 관찰 가능한 체인을 일시적으로 디버깅하는 간단한 방법은 코드가 작동하지 않는 코드 전후에 .do() 연산자를 사용하는 것입니다. 주위의 코드 흐름을 방해하지 않으며 로깅을 추적하거나 검사를 위해 중단 점을 추가 할 수 있습니다.

일부 사용자는 사용자 지정 연산자에 로그인하여 .do()을 랩핑하고 심지어 수동으로 장소에 쓰는 것을 피하기 위해 추적을 위해 연산자간에 .do() 삽입을 자동화하려고 시도합니다. 나는 그것을 단순하게 유지하고, 수동으로 특정 블록을 디버깅 할 때 일시적으로 삽입하는 것이 좋지 않다.