[vite-plugin-html-env] AWS빌드 오류 : Cannot be closed: body

html에서 env환경 변수를 사용하기 위해 사용중인 모듈 vite-plugin-html-env

gtm을 brower방식으로 추가한다고 head태그에 설치 태그를 넣었는데 aws빌드 오류가 발생했다.

Cannot be closed: body

 

gtm 에서 제공하는 설치태그의 위 아래 주석을 지워주면 문제없이 빌드 된다.

 

    <!-- Google Tag Manager --> [error ❌ 주석 제거]
    <script>
      (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', '<{ VITE_APP_GTM_API_KEY }>');
    </script>
    <!-- End Google Tag Manager -->  [error ❌ 주석 제거]

 

참고

https://github.com/lxs24sxl/vite-plugin-html-env/issues/26