VS code Live Server : '페이지가 작동하지 않습니다' 오류 해결 방법

Apache Tomcat을 새로 설치하면서 갑자기 VS code에서 잘 사용하던 익스텐션 중 하나인 Live Server가 동작하지 않았다.

VS code 상에서 Live Server 실행 시 모습

해당 문제에 대한 해결 방법은 Github 이슈 스레드나 Stack Overflow에서 확인 할 수 있었다.

github.com/ritwickdey/live-server-web-extension/issues/20

Live Server: This page isn’t working 127.0.0.1 didn’t send any data. ERR_EMPTY_RESPONSE · Issue #20 · ritwickdey/live-serv

 

해결방법 :  Settings ( 단축키 ctrl + , ) - Extensions - Live Server Config 에 들어가서

Settings : Use Local Ip  >  'Use local IP as host' 의 체크박스를 체크해주면 된다.

이 외에 한 폴더에 .html, htm 확장자의 파일이 2개 이상 존재하면, Live Server가 같은 에러를 발생시킨다. 따라서 위의 사항을 해봤는데도 문제가 그대로라면 한 폴더에 열어야할 html 파일을 1개만 존재하도록 분류시켜보자.