열심히 빌드 후 aws에 배포한 사이트에서 요런 에러가 났다
Unexpected token '<' (at bundle.js:1:1)\
해결 방법
index.html의에 다음 코드를 추가한다.
<base href="/" />
다음 Webpack의 Issue를 참고해 해결하였다.
다른 방법으로는 Webpack의 output 옵션에 publicPath : '/'로 해결했다는 사람이 있었는데, 이 방법으론 해결 못한 사람들도 있어서 보다 확실한 방법인 base 태그를 넣는 것으로 해결했다.
원인은 빌드시 웹팩이 chunkFile을 JS가 아닌 HTML 구문으로 인식하여 html의 시작인 <!doctype>의 <을 인식 못해서인 것 같다.
'우아한테크코스-6th-FE > 트러블슈팅' 카테고리의 다른 글
| [트러블슈팅] MSW unhandled request 에러 해결 (1) | 2024.10.18 |
|---|---|
| [트러블슈팅] 내 작업 브랜치 중간에 Merge된 동료의 작업물을 넣고 싶다면? (pull vs rebase) (0) | 2024.08.01 |
| [트러블슈팅] 배포 사이트에 대체 도메인 접근 시, InvalidRequest로 접근이 차단되었다 (0) | 2024.07.27 |