redux devtools가 확장 프로그램의 devtools 탭에 상태를 표시하지 않습니다.

Question

나는 react 및 redux를 사용하여 크롬 확장 프로그램을 작성하고 있습니다. 확장 프로그램에는 Chrome devtools에서 자체 탭이 있습니다. 나는이 코드를 반응 디버깅하려고하면, 새로운 크롬 DevTools로 열리고, 나는이 (가) 상점 작성에 다음 한 콘솔, 소스 등

을 볼 수있는 곳 :

const store = createStore(rootReducer, preloadedState, compose(
    applyMiddleware(...middleware), 
    global.devToolsExtension ? global.devToolsExtension() : f => f 
)) 

문제는, redux devtools가 나타나지만 저장소가 검색되지 않습니다. 나는 또한 here에서 지침을 시도했지만 여전히 효과가 없습니다.

또한 global.devToolsExtension과 window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__은 모두 undefined입니다.

누구에게이 문제가 발생 했습니까?

Answer 1

remote-redux-devtools을 사용하여 상태를 표시하도록 관리했습니다. 트릭은 Open Remote Devtools을 마우스 오른쪽 단추로 누른 다음 설정에서 로컬 서버를 사용하도록 표시합니다.

별도의 탭에 remotedev-server을 npm 또는 yarn으로 설치하십시오. 예 :

yarn add -D remotedev-server 

다음을 실행 :

var remotedev = require('remotedev-server'); 
remotedev({ hostname: 'localhost', port: 8000 }); 

이 모든 Afte, 상태는 REDUX의 DevTools로 볼 수 있어야합니다.