[Flutter] 플러터 웹 배포 후 메인화면으로 넘어가지 않는 현상(Failed to load…404 error)

플러터 웹 로컬 환경에서는 문제가 없으나, 호스팅 사이트에서 배포 후 들어가보면, 스플래시 화면이나 흰 화면에서 메인화면으로 넘어가지 않고 멈춰있는 현상이 있습니다.

F12를 눌러서 개발자도구로 들어가보면 ‘Failed to load resource: the server responded with a status of 404 ()” 라는 에러가 발생해서 메인화면으로 넘어가지 못합니다.

첫 페이지의 경로를 찾지 못해서 발생하는 에러인 것 같습니다.

 

해결방법

프로젝트 경로에서 /web/index.html 파일을 열어서 <script src="flutter.js" defer=""></script>

라고 되어있는 부분을 찾아서, “flutter.js”를 “main.dart.js”로 바꿔주세요. 그러고 다시 빌드하고 배포하면 정상적으로 페이지가 열릴겁니다.

/web/index.html 파일은 빌드되는 /build/web/index.html 파일을 설정해주는 파일인데, 한번 설정해놓으면 빌드될 때마다 생기는 build/web/index.html 파일에 자동으로 적용됩니다.