[React] AWS CodeBuild Module not found 에러

문제

 

리액트 주제랑 관련이 전혀 없지만, 리액트 앱을 만들다가 이런 일이 발생했으니 react에 글을 남긴다. 새로운 모듈을 설치해 앱을 만들고 있었는데 코드빌드에서 빌드 중에 자꾸 Module not found 에러가 발생하는 문제가 있었다. 제 컴퓨터에선 됩니다를 외쳐봤자 반영이 안되니... 인터넷을 아무리 뒤져봐도 이를 해결할 수 있는 답변이 없었다. (다른 사람들의 경우, 경로 설정 문제가 대부분이었다. 대문자 소문자를 잘못 썼다거나) 내 로컬을 신나게 뜯어봤지만 전혀 답이 나오지 않아서 코드빌드 설정에 문제가 있을 거라고 생각했고, 그게 맞았다.

열정적으로 씨름을 한 친구

 

해결

 phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - node -v
        - npm run-script build
    baseDirectory: build

preBuild 부분에 npm ci가 주석처리 되어있었다. 빌드 전에 모듈 설치하는 코드를 주석처리 했으니 모듈을 어떻게 불러오겠냐고. 이게 왜 주석처리가 되어 있나 싶었다. 그것도 모르고 애꿎은 package.json과 package-lock.json 파일을 건드리고 있었으니... 어쨌든 해결했으니 다행이다. 흔한 케이스는 아니지만 누군가에겐 도움이 되었으면 좋겠다.