Netlify에서 프로젝트를 배포하는 과정에서 종종 컴파일 에러가 발생할 수 있습니다. 이번 포스트에서는 “react-icons/fi” 모듈을 찾지 못하는 에러를 해결하는 방법에 대해 알아보겠습니다.
에러 메시지 확인
배포 중 발생한 에러 메시지는 다음과 같습니다.
Failed to compile. Module not found: Error: Can’t resolve ‘react-icons/fi’ in ‘/opt/build/repo/src’
이 에러는 react-icons/fi 모듈을 찾을 수 없다는 것을 의미합니다.
에러 원인
구글링을 통해 알아본 결과, 이 에러는 react-icons 라이브러리가 package.json의 dependencies에 존재하지 않아서 발생하는 문제임을 알게 되었습니다. 실제로 package.json 파일을 확인해보니, react-icons가 포함되어 있지 않았습니다.
해결 방법
이 문제를 해결하기 위해서는 react-icons 패키지를 설치해야 합니다. 터미널에서 다음 명령어를 입력하여 설치합니다:
bash
yarn add react-icons
이 명령어를 실행하면 package.json의 dependencies 목록에 react-icons가 추가된 것을 확인할 수 있습니다.
결과
위의 방법으로 문제를 해결한 후, 배포가 성공적으로 완료되었습니다. 이제 Netlify에서 프로젝트를 잘 실행할 수 있게 되었습니다.
추가 참고 자료
- “Can’t resolve ‘react-icons/hi’ in ‘/opt/build/repo/gatsby/src/components'”와 같은 에러에 대한 해결책도 비슷한 방법으로 접근할 수 있습니다.
- 패키지 의존성 문제로 인해 컴파일 에러가 발생할 수 있으므로, 필요한 라이브러리가 모두 포함되어 있는지 확인하는 것이 중요합니다.
이와 같은 문제를 해결할 때는 항상 package.json 파일을 체크하고, 필요한 패키지를 설치하여 문제를 해결하는 것이 좋습니다.