[Vite] aws-sdk를 사용한 프로젝트의 빌드 실패 ('request' is not exported...)

오류

'request' is not exported by __vite-browser-external, imported by node_modules/@aws-sdk/xxxxx/node_modules/@aws-sdk/credential-provider-imds/dist/es/remoteProvider/httpRequest.js

React viteJS로 작업한 프로젝트를 빌드 시 위와 같은 오류가 발생했다.

AWS Amplify 라이브러리와 관련된 이슈로 보여진다.

 

 

해결 방법

// vite.config.js
import { defineConfig } from "vite";

export default defineConfig({
  resolve: {
    alias: {
      "./runtimeConfig": "./runtimeConfig.browser",
    },
  },
});

vite.config.js 파일에 alias 옵션을 추가해 준다. resolve.alias 옵션은 모듈의 별칭을 지정해줄 수 있는 옵션이다. 위와 같이 작성 시 ./runtimeConfig 모듈을 ./runtimeConfig.browser 로 대체가 가능하다.
React ViteJS 프로젝트에서 AWS Amplify 배포를 한다면 위와 같은 옵션을 작성해주자.

 

 

참고

https://github.com/aws/aws-sdk-js/issues/3673