GitHub Page에서만 이미지가 안 뜰 때!
에러내용
- 로컬 환경에서는 잘 적용 되던 이미지 or 페이지 이동 or CSS가 GitHub Page에서 적용이 되지 않음
해결 방법
- 경로 설정에서 잘못됨
- 경로 맨 앞에 "/"를 붙일경우 절대 경로, 프로젝트의 가장 높은 경로를 가리키게 된다
ex)
href="/../index.html"수정 후
href="../../index.html"- 다음과 같이 상대경로를 사용하여 해결해야 한다.
/ == root 폴더
./ == 현재폴더
../ == 상위폴더
이번과 같이 css가 적용이 되지 않거나 사진이 표시되지 않는다면 경로부터 확인해보자
'[Front-End] > [Error]' 카테고리의 다른 글
| [CSS] [TailWind] spinner가 너무 빨리 회전함 (0) | 2023.09.07 |
|---|---|
| [CSS] [TailWind] TailWind 설치를 제대로 했는데 일부 적용이 안 될 때 (0) | 2023.09.07 |
| [CSS] [TailWind] header를 고정하고 싶은데 일부 main컨텐츠에 가려짐 (0) | 2023.09.07 |
| [Javascript] [JS] Uncaught SyntaxError: Cannot use import statement outside a module (0) | 2023.09.05 |
댓글