[미션4] open with Live Server 클릭시 브라우저 안뜸
88
작성한 질문수 2
open with Live Server 클릭시 아무런 변화가 없습니다.
Live Server 우측하단에 go-live도 해봐도
port 5501이 문제 인듯도 한데..setting에 들어가 다른 포트를 넣어도 계속 5501 이 하단에 표시되면서 작동하지 않습니다
답변 3
0
안녕하세요! 🙂 원인 좁혀서 간략히 짚어드릴게요.
가장 유력한 원인은 liveServer.settings.CustomBrowser: "chrome" 설정이에요. Live Server가 Chrome을 지정된 경로에서 못 찾으면, 서버는 떠도 브라우저 창이 안 열리는 증상이 나타납니다. 클릭해도 "아무 변화 없음"으로 보이는 거죠.
순서대로 해보세요.
먼저 서버가 실제로 떠 있는지 확인해주세요. 브라우저를 직접 열어 http://127.0.0.1:5501 (또는 http://localhost:5501)로 접속해봅니다.
페이지가 뜨면 → 서버는 정상이고 브라우저 자동 실행만 문제예요.
settings.json에서"liveServer.settings.CustomBrowser": "chrome"줄을 삭제(= 기본 브라우저 사용)하고 다시 클릭하면 열립니다.페이지가 안 뜨면 → 포트 문제일 수 있어요.
"liveServer.settings.port"를5502같은 다른 값으로 바꾸고 VS Code를 완전히 종료 후 재시작해주세요. (설정 변경은 창을 새로 켜야 반영돼요. 포트를 바꿔도 계속 5501로 뜨는 건 재시작이 안 됐을 가능성이 큽니다.)
참고로 방화벽은 localhost(내 PC 안) 접속엔 보통 영향을 주지 않고, Visual Studio Code도 이미 허용돼 있어서 방화벽이 원인일 가능성은 낮아요. 이 부분은 크게 신경 안 쓰셔도 됩니다.
감사합니다 🙏
0
우선 liveServer.settings.port=0 으로 설정했습니다 (0인경우, 미사용 port를 자동으로 찾아준다고 해서..)
그럼에도 여전히 5501 port를 열려고 하는듯합니다.
Live Server Extension을 uninstall 후 재설치했으나 동일 현상입니다.
5. 재부팅 했으나 동일합니다
방화벽 또는 네트워크 설정에서
문제가 되고 있는지 확인하는 방법을 알수 있을까요?
아래 보면 이미 허용한듯도 한데..이게 아니면 알려주세요
0
안녕하세요, 인프런 AI 인턴입니다. Sarah님.
Live Server를 사용하여 “Open with Live Server” 기능을 활용하려고 하셨지만, 예상한 대로 브라우저가 열리지 않아 불편을 겪고 계신 것 같습니다. 이러한 문제는 다양한 원인으로 인해 발생할 수 있으며, 아래에 몇 가지 해결책을 제안드립니다:
VSCode에서 HTML 파일 선택하기: Live Server는 주로 HTML 파일을 대상으로 동작합니다. 따라서
index.html파일이 열려 있는지 확인하시고, 이 파일에서 우클릭하여 “Open with Live Server”를 선택해 보세요.포트 문제 해결:
- Live Server의 기본 포트는 5500입니다.
settings.json파일을 열어liveServer.settings.port항목이 5501로 설정되어 있지 않다면 이를 변경해 보세요.
- 때로는 다른 응용 프로그램이 해당 포트를 사용하는 경우가 있으므로, 다른 포트를 지정하여 작동 여부를 테스트해 보시는 것도 방법입니다.
- Live Server의 기본 포트는 5500입니다.
Live Server Extension 설정 확인:
- Live Server Extension을 완전히 삭제한 후 재설치해 보세요. 설치 중에 최신 버전인지, 그리고 제대로 설정이 되어 있는지 확인해 보세요.
- Live Server Extension을 완전히 삭제한 후 재설치해 보세요. 설치 중에 최신 버전인지, 그리고 제대로 설정이 되어 있는지 확인해 보세요.
방화벽 및 네트워크 설정 확인: 일부 시스템에서는 방화벽이나 네트워크 설정으로 인해 포트가 차단될 수 있습니다. 이 경우 해당 포트를 허용 상태로 변경해 주세요.
VSCode 재시작 또는 시스템 재부팅: VSCode와 컴퓨터 모두를 재시작하여 환경을 초기화하는 것도 문제 해결에 도움이 될 수 있습니다.
이와 관련된 비슷한 문제와 해결 방법에 대한 게시물을 참고하시면 추가적인 정보를 얻을 수 있습니다:
- Live Server 관련 설명 링크: Live Server의 사용과 관련된 일반적인 문제 해결 방법을 제공합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
터미널앱으로 Terminus 사용 문의
0
4
0
스킬생성 후 업데이트.
0
7
1
강의 화면이랑 조금 달라 문의드립니다.
1
9
1
서브에이전트 활용 질문입니다.
0
12
2
plan mode를 진행하는것에 있어서
0
13
1
클로드 코드 설치 관련
0
20
1
스타터킷 중요도에 대한 질문입니다.
0
18
1
전체적인 개발에 대해 문의드립니다.
1
44
1
줄바꿈 시 \ 필수인가요?
0
52
2
2605 이후 최신 클로드코드 강의 추가 부탁드립니다.
0
52
2
커리큘럼 문서 제공받을 수 있을까요?
0
46
1
outputStyle 설정하는데 어디서 문제일까요?
0
33
3
test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데
0
24
2
검은화면
0
33
3
강의교환링크안열려요.....
0
35
2
영상재생에러 [확인부탁드려요!!!]
0
27
2
클로드 채팅에서 코드로 넘어가기
0
42
2
110강부터 따라가기가 힘듭니다...
0
66
2
커서에서 붙여넣기
0
43
2
깃허브 사용시 폴더경로 관련질문
0
29
2
/output-style 명령어는 폐기 되었다고 나오네요.
0
42
2
프롬프트 작성시 html, css, javascript
0
39
2
Cursor 창이 수업 내용과 달라요.
0
49
3
Supabase MCP 관련 질문입니다
0
52
2