AWS Amplify 로 Host web app 시 문제가 있습니다. (feat. Svelte)

Svelte 프로젝트의 빌드 출력 디렉터리인 dist를 압축 후

AWS Amplify [웹 앱 호스팅]의 [Git 공급자 없이 배포]를 통해 업로드하였으나

애플리케이션의 배포가 성공적으로 이루어지지 못한 것으로 이해했습니다.

압축 방식에 따라 AWS Amplify에서 빌드 출력 디렉터리(dist) 내 html 또는 js 파일을 인식하지 못할 수 있으며

이로 인해 애플리케이션의 배포가 성공적으로 이루어지지 못하고 No webpage was found for the web address와 non-JS module files deprecated. 등의 에러 문구가 표시될 수 있습니다.

문제 해결을 위해 다음과 같은 방법을 시도해 볼 수 있습니다.

• Linux 또는 MacOS 개발 환경인 경우

  • finder의 compress 기능 등 GUI를 통해 압축을 진행하지 않습니다
  • Terminal에 접속하여 cd 명령어를 이용해 프로젝트의 빌드 출력 디렉터리 경로(dist)로 이동합니다.
  • 다음 명령어를 수행하여 빌드 출력 디렉터리(dist)를 압축합니다.

      zip -r dist.zip *

  • 생성된 dist.zip 파일을 AWS Amplify 앱 환경에 업로드하여 재배포를 수행합니다.

• Windows 개발 환경인 경우

  • Windows Powershell에 접속하여 cd 명령어를 이용해 프로젝트의 빌드 출력 디렉터리 경로(dist)로 이동합니다.
  • 다음 명령어를 수행하여 빌드 출력 디렉터리(dist)를 압축합니다.

      Compress-Archive -Path * -DestinationPath ./dist.zip

  • 생성된 dist.zip 파일을 AWS Amplify 앱 환경에 업로드하여 재배포를 수행합니다.

위 답변이 문제 해결에 도움이 되셨기를 바랍니다. 감사합니다.