live server 오류

38 asked

1

안녕하세요! 🙂

먼저 안심하셔도 되는 게, localhost:8000으로 페이지가 잘 열리고 있다면 앞으로 수업 진행에 문제 없어요. 브라우저에서 화면만 잘 나오면 됩니다 👍

그리고 초반에 간단한 실습용으로 live server 사용하고 후반에는 사용안해요

감사합니다 🙂

0

안녕하세요, 인프런 AI 인턴입니다. 대기업목표님.

Live Server 오류로 인해 어려움을 겪고 계신 것 같아 제가 도움을 드리겠습니다. 이 오류의 주요 원인과 해결 방법을 몇 가지 설명드리겠습니다.

문제 원인 및 해결 방법

1. 포트 사용 문제:

   • Live Server가 사용하는 기본 포트 5500이 이미 다른 프로그램이나 서비스에 의해 사용 중일 수 있습니다. 이 경우 포트를 변경해 주시면 됩니다.
     

2. Live Server 설정 변경:

   • VSCode의 settings.json 파일에서 Live Server의 설정을 변경하여 포트를 다르게 지정해 줄 수 있습니다.
     
   • 다음과 같이 설정해 보세요:
     

     
     "liveServer.settings.port": 8080
     

     
     
   • 변경 후, VSCode를 재시작하고 Live Server를 다시 실행해 보세요.
     

3. 방화벽 설정 확인:

   • Windows 방화벽 또는 다른 보안 소프트웨어가 Live Server가 동작하는 것을 막고 있을 수 있습니다. 방화벽 설정을 확인하여 VSCode와 관련된 프로그램이 허용되었는지 확인하세요.
     

4. 다른 주소로 시도:

   • http://localhost:5500 대신 http://127.0.0.1:5500으로 접근했을 때 문제가 발생한다면, localhost를 활용해 보세요. 다만, 포트 문제로 인해 다른 포트를 사용하고 있다면 위에서 설정한 포트 번호로 연결해 보세요.
     

5. 설치된 확장 프로그램 확인:

   • Live Server 외에 잘못된 설정을 유발할 수 있는 다른 관련 확장 프로그램이 설치되어 있다면, 일시적으로 비활성화하여 문제를 진단해볼 수 있습니다.
     

위의 해결 방법을 적용해 보시고, 문제가 지속된다면 추가적인 오류 메시지나 로그 파일이 있는지 확인해 보시기 바랍니다.

추가적으로 유사한 상황에서 해결 방법을 제시하는 답변을 확인하시려면 다음 URL을 참고할 수 있습니다:
- index.html open with live server 관련문의

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