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

0

안녕하세요

저는 node.js 로 Svelte 를 사용한 애플리케이션을 개발하였습니다.

npm run build 후 생성된 dist 폴더를 압축하여 AWS Amplify 로 Host web app 을 했습니다.

애플리케이션 빌드는 성공하였지만, 도메인 주소로 접근 시 No webpage was found for the web address: 에러가 발생합니다.

다음은 콘솔 에러입니다.

rbug/1173575, non-JS module files deprecated.
(anonymous) @ (index):6590
profile picture
Ayeon_K
질문됨 8달 전368회 조회
1개 답변
3
수락된 답변

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

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

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


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

이로 인해 애플리케이션의 배포가 성공적으로 이루어지지 못하고 No webpage was found for the web addressnon-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 앱 환경에 업로드하여 재배포를 수행합니다.

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

profile picture
답변함 8달 전

로그인하지 않았습니다. 로그인해야 답변을 게시할 수 있습니다.

좋은 답변은 질문에 명확하게 답하고 건설적인 피드백을 제공하며 질문자의 전문적인 성장을 장려합니다.

질문 답변하기에 대한 가이드라인