loadEntrypoint, serviceWorkerVersion 경고 해결 (flutter version 3.2.2 이상으로 변경시)

A. 비고

요약:
flutter build web ->
web/index.html 에서, loader.loadEntrypoint 를 해주는 부분 전체 삭제하고 밑에 script로 대체하기

<script src="flutter_bootstrap.js" async></script> 추가

flutter build web 실행하여 생긴 flutter_bootstrap.js 를 src만 해주면 되고, 기존 내용은 날리면 동작한다.
공식문서나 다른 블로거들 글도 참고해서 바로 해소 했으면 좋았겠지만, 나의 경우 serviceWorkerVersion 에 대해서 curly braces 2개에 대한 구문오류가 자꾸 나왔다. stackoverflow 답변을 보고 생성된 flutter_bootstrap.js 내용을 보니, 

이미 load 함수를 호출해주고 있다는 걸 알수 있었다.

(코드 많이 보이면 헷갈릴 수 있어서 flutter_bootstrap.js 캡쳐 생략)

B. 해결방법

• STEP 1.커맨드 창에서 flutter web build 를 수행한다. (flutter_bootstrap.js 파일 생성됨)

flutter build web

커맨드 창 예시

프로젝트의 build/web/ 하위에 flutter_bootstrap.js 파일이 생긴거 확인 가능.

• STEP 2. web/index.html 에서, 아래 캡쳐에 있는 script 태그와 내용을 삭제한다. (build/web/index.html 아님)

삭제할 부분

• STEP 3. web/index.html 에서, STEP 1에서 생성한 js 파일에 대한 script구문 추가

 

 

최종 web/index.html 결과물 (head 태그 내부는 개인별로 유지하면 됨)