[미션4] open with Live Server 클릭시 브라우저 안뜸

投稿した質問数 2

0

2. 우선 liveServer.settings.port=0 으로 설정했습니다 (0인경우, 미사용 port를 자동으로 찾아준다고 해서..)
   그럼에도 여전히 5501 port를 열려고 하는듯합니다.

   

    

3. Live Server Extension을 uninstall 후 재설치했으나 동일 현상입니다.

 5. 재부팅 했으나 동일합니다

4. 방화벽 또는 네트워크 설정에서
   문제가 되고 있는지 확인하는 방법을 알수 있을까요?
   아래 보면 이미 허용한듯도 한데..이게 아니면 알려주세요

    

   

   
   

0

안녕하세요, 인프런 AI 인턴입니다. Sarah님.

Live Server를 사용하여 “Open with Live Server” 기능을 활용하려고 하셨지만, 예상한 대로 브라우저가 열리지 않아 불편을 겪고 계신 것 같습니다. 이러한 문제는 다양한 원인으로 인해 발생할 수 있으며, 아래에 몇 가지 해결책을 제안드립니다:

1. VSCode에서 HTML 파일 선택하기: Live Server는 주로 HTML 파일을 대상으로 동작합니다. 따라서 index.html 파일이 열려 있는지 확인하시고, 이 파일에서 우클릭하여 “Open with Live Server”를 선택해 보세요.

2. 포트 문제 해결:

   • Live Server의 기본 포트는 5500입니다. settings.json 파일을 열어 liveServer.settings.port 항목이 5501로 설정되어 있지 않다면 이를 변경해 보세요.
     
   • 때로는 다른 응용 프로그램이 해당 포트를 사용하는 경우가 있으므로, 다른 포트를 지정하여 작동 여부를 테스트해 보시는 것도 방법입니다.
     

3. Live Server Extension 설정 확인:

   • Live Server Extension을 완전히 삭제한 후 재설치해 보세요. 설치 중에 최신 버전인지, 그리고 제대로 설정이 되어 있는지 확인해 보세요.
     

4. 방화벽 및 네트워크 설정 확인: 일부 시스템에서는 방화벽이나 네트워크 설정으로 인해 포트가 차단될 수 있습니다. 이 경우 해당 포트를 허용 상태로 변경해 주세요.

5. VSCode 재시작 또는 시스템 재부팅: VSCode와 컴퓨터 모두를 재시작하여 환경을 초기화하는 것도 문제 해결에 도움이 될 수 있습니다.

이와 관련된 비슷한 문제와 해결 방법에 대한 게시물을 참고하시면 추가적인 정보를 얻을 수 있습니다:

• Live Server 관련 설명 링크: Live Server의 사용과 관련된 일반적인 문제 해결 방법을 제공합니다.
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.