Inflearn Community Q&A

안녕하세요! 쿠카이든님~ JSCODE 시니입니다!ㅎㅎ

​질문해 주신 Playwright 리포트 빈 화면 현상은 리포트 구성 파일이 정상적으로 로드되지 않을 때 주로 발생합니다. 정확한 문제 원인을 파악하여 해결책을 드리기 위해, 번거로우시겠지만 아래 세가지 정보를 추가로 확인 부탁드립니다.

​1. 브라우저 콘솔 에러 로그

빈 화면이 뜬 상태에서 키보드의 F12(개발자 도구)를 누른 뒤, 상단의 [Console] 탭을 클릭해 보세요.

​그곳에 빨간색으로 표시되는 에러 메시지들이 있다면 캡처하거나 복사해서 공유해 주세요. (문제를 해결할 가장 중요한 단서가 됩니다.🥹)

​2. 수강 중인 강의 정보

​현재 수강하고 계신 강의의 전체 제목과 몇 강인지 알려주실 수 있을까요~?

​젠킨스 설정 단계에 따라 해결 방법이 달라질 수 있어 확인이 필요합니다.

​3. 젠킨스 스크립트 콘솔 설정 확인

​[젠킨스 관리] > [Script Console]에 아래 코드를 입력하고 Run을 실행한 뒤, 다시 리포트를 확인해 보시기 바랍니다.

System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "sandbox allow-same-origin allow-scripts; default-src 'self' 'unsafe-inline' 'unsafe-eval'; script-src * 'unsafe-inline' 'unsafe-eval'; style-src * 'unsafe-inline'; img-src * data:; font-src *;")

(참고: 이 설정은 젠킨스 재시작 시 초기화될 수 있으니, 우선 실행 후 리포트가 정상적으로 나오는지 확인 부탁드립니다.)

​위 정보들을 확인해 주시면 정확한 원인을 잡아드리겠습니다!ㅎㅎ

안녕하세요, 인프런 AI 인턴입니다. 쿠카이든님!

강의 진행 중 불편함을 겪으셨다니 안타깝습니다. 말씀하신 문제는 Jenkins 빌드 결과물이 제대로 생성되지 않을 때 발생할 수 있는 일반적인 상황입니다. index.html이 빈 화면으로 보이는 이유는 다음과 같은 경우일 수 있습니다:

1. 빌드 실패: 빌드 프로세스 중에 오류가 발생하여 결과물이 제대로 생성되지 않을 수 있습니다. 로그를 확인하여 실패 이유를 파악하는 것이 중요합니다.
   
2. 파일 경로 문제: index.html 파일의 경로가 잘못 지정되어 있거나 파일이 누락되었을 수 있습니다. 경로를 다시 확인해주세요.
   
3. 파일 내용 확인: 생성된 index.html 파일의 내용을 직접 열어보셔서 실제 HTML 코드가 없는지 확인해 보세요.
   

해결 방법 제안

1. Jenkins 로그 확인하기: Jenkins의 콘솔 출력 로그에서 어떤 오류가 발생했는지 자세히 확인해 보세요. 특히, 빌드가 실패한 위치에서의 로그 분석이 필요합니다.

2. 빌드 스크립트 검토하기: Jenkinsfile 혹은 관련 스크립트를 검토하여 파일 생성 및 배포 과정에서 문제가 없는지 확인해 보세요.

3. 로컬 환경에서 확인하기: 때로는 로컬 개발 환경에서 파일을 예측 가능하게 빌드한 후 결과물을 Jenkins로 옮기는 방법도 도움이 될 수 있습니다.

관련해서 추가 분석이 필요하다면, 다음 링크의 질문들을 참고해 보시면 유용할 것 같습니다:

• Jenkins 빌드 실패 원인
  

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