AWS Amplify/React 에러 발생: Module Not Found: Can’t resolve ‘faker’

1. 배경 상황

지난 포스팅에 이어서 회사에서 팀 과제 때문에 진행했었던 Amplify Workshop을 따라하던 중 발생한 에러 해결 내용을 기록해두려 한다.

참고로 Amplify에서 실습한 코드는 리액트(리액트 네이티브 아님)기반의 앱. 백엔드를 자동으로 생성해주는 Amplify 앱 특성상 백엔드 코드는 별도로 생성하지 않았다.

• 에러 1: AWS Amplify에서 Module not found: Error: Can't resolve '@aws-amplify/ui-components' 에러
• 에러 2: AWS Amplify/React 에러 발생: Module Not Found: Can’t resolve ‘faker’

에러 2: AWS Amplify/React 에러 발생: Module Not Found: Can’t resolve ‘faker’

이번에 난 오류는 Amplify 자체와 관련된 에러는 아니고 faker라는 모듈의 버전 때문에 발생한 에러였다.

faker는 샘플 앱이나 테스트를 위해 가짜 데이터를 생성해주는 라이브러리로, 내가 실습했던 Amplify로 여행 딜을 판매하는 앱을 구축하는 Amplify Workshop에서는 임의의 여행지명을 생성해주기 위해 해당 라이브러리를 사용했던 상태였다.

구글링을 해보니 내가 설치했던 6.6.6버전에서 라이브러리 개발자가 코드를 망쳐두고 튀어서(?) 버전을 아예 올려주거나 내려야 하는 상황.

아래 링크를 참고하여 faker 모듈을 다시 설치해준다.

• https://www.npmjs.com/package/@faker-js/faker?activeTab=readme
• https://fakerjs.dev/guide/

faker는 production에서 사용하는 라이브러리가 아니기때문에 --save-dev 옵션을 통해 devDependencies에 추가하게 되는데, 이 때 최신 버전인 7.6.0 버전이 설치되어있는지 확인한다.

정상적으로 설치가 되었다면 package.json에 아래와 같은 내용이 추가되었을 것이다.

다음으로는 faker를 import하는 부분을 아래와 같이 수정해주면 된다.