리액트 서버 띄운 후, 개발자도구에서 컴포넌트 안 보임 문제

Question

3. 해결 : 크롬이 아니고 엣지에서 실행되고 있어서. 크롬에서 하니 보였습니다.^^* npm start -- --browser=chrome 로 실행해봤는데 안 되어서, 일단 로컬서버 주소를 크롬에서 복사붙이기 하니까 components 나왔어요~ 급하게 해결은 했는데, 혹시 더 좋은 방법이 있다면 댓글 달아주세요~ launch.json이 필요하면 .vscode/launch.json에 추가. 단순 실행을 Chrome에서 하고 싶다면 .env 파일에서 BROWSER=chrome 설정. launch.json 없이도 Chrome에서 열고 싶다면 npm start -- --browser=chrome 명령어 사용. 여러 방법들이 있을 거 같긴한데; 일단 저는 그냥 단순하게 크롬에서 열었네요. 다음에 다른 것도 천천히 해봐야겠어요. 고맙습니다^^*1.문제: 비주얼스튜디오 처음 배우고 있어요. 할일관리 앱 만들고 UI구현까지 끝내고 기능구현 단계에서 리액트 서버에 띄운 화면에 컴포넌트 보면서 입력값이 실시간 반영되고 있는지 확인하려는데,개발자도구 F12에서 요소, 콘솔, 소스까진 보이는데 컴포넌트가 안 보여서 입력내용 반영 확인이 안 되는 상태입니다.시도: 1) React Developer Tools 확장 프로그램 설치 -> 크롬 extensions 에서 보면 설치된 거 나오고 확장 활성화 모두 체크2) chrome://inspect/#extensions 에서 React DevTools 감지 안 됨3) 터미널에서 새 프로젝트로 다른 프로젝트도 components 탭 안 보임4) >> 가 없어서 + 와 ... 탭에서 찾아봐도 숨겨진 탭 못 찾음5) 설정에서 실험 experiments 에서 찾아봐도 없음6) npm run start 상태에서 보는 건데도 안 됨7) 삭제 후 재 설치, 재부팅, 쿠키 삭제8) 개발자 도구 설정 초기화 reset settings해결 방법 좀 알려주세요~ 크롬 자체를 지우고 다시 깔아야 하나... 그거 말고 다른 대안들이 있을까요?리액트 책 보면서 할 일 관리 앱 만드는 중인데, 이거저거 다 해봐도 안 되네요.;;컴포넌트 탭이 없으니, 중간에 스탑한 상태예요. ㅠㅠ

Tom Kim · Accepted Answer

실행한 브라우저가 크롬이 맞나요? 엣지 같아보입니다

리액트 서버 띄운 후, 개발자도구에서 컴포넌트 안 보임 문제

1개의 답변

기술 목록