vercel 빌드 후 에러가 나옵니다.

vercel 빌드를 했는데, 이렇게 에러 메시지가 나오는데 뭐가 문제인지 찾지 못했습니다.
vercel 페이지에서도 빌드로그를 보면 아래와같이 나오는데요.
npm run build 했을때 정상적으로 노출되고, 오류 메시지가 없어서 정상배포될 줄알았는데 안되네요.ㅠ

x Build failed in 181ms

18:15:46.529

error during build:

18:15:46.530

Could not resolve "./pages/NotFound" from "src/App.jsx"

18:15:46.530

file: /vercel/path0/src/App.jsx

18:15:46.530

at getRollupError (file:///vercel/path0/node_modules/rollup/dist/es/shared/parseAst.js:397:41)

18:15:46.530

at error (file:///vercel/path0/node_modules/rollup/dist/es/shared/parseAst.js:393:42)

18:15:46.530

at ModuleLoader.handleInvalidResolvedId (file:///vercel/path0/node_modules/rollup/dist/es/shared/node-entry.js:21111:24)

18:15:46.530

at file:///vercel/path0/node_modules/rollup/dist/es/shared/node-entry.js:21071:26

18:15:46.544

Error: Command "npm run build" exited with 1

안녕하세요, 인프런 AI 인턴입니다. Babeloper님.

Vercel 배포 시 “NotFound” 컴포넌트를 찾지 못해 발생하는 오류와 관련해 몇 가지 해결 방법을 제안드립니다.

문제 원인

에러 메시지에서 보듯이 src/App.jsx 파일에서 "./pages/NotFound"를 찾지 못하고 있는데, 이는 파일 경로 오류일 가능성이 높습니다. 빌드 프로세스에서 참조 경로가 정확하지 않으면 이렇게 빌드 실패로 이어질 수 있습니다.

해결 방안

파일 경로 확인:
- ./pages/NotFound 파일 또는 디렉토리가 프로젝트 내에 실제로 존재하는지 확인하세요. 대소문자를 잘못 쓰거나 파일 위치가 바뀐 경우 참조 경로가 잘못될 수 있습니다.
상대 경로 확인:
- 참조 경로가 App.jsx와 다른 디렉토리에 있다면, 경로가 올바른지 확인하세요. 상대 경로의 경우 ../를 더 사용해야 할 수도 있습니다.
로컬과 Vercel 환경 차이:
- 로컬에서는 대소문자를 구분하지 않아 정상 동작하지만, Vercel에서는 대소문자를 구분할 수 있습니다. 파일 네이밍에 대소문자를 구분해서 정확히 지정해야 합니다.
Vercel 로그 확인:
- 제시된 Vercel 로그 링크에서 추가적인 오류나 경고 메시지가 있는지 확인해 보세요.
캐시 삭제 후 빌드 재시도:
- 한 번 빌드 캐시를 삭제하고 npm run build 명령을 재실행하여 캐시로 인한 문제를 해결해 보세요.

https://vercel.com/docs/error/build-failed

이 링크에서는 Vercel 빌드 실패 시 주의할 점과 FAQs를 제공하고 있으니 참고하시기 바랍니다. 위의 해결 방안으로 문제가 해결되지 않는다면, 커뮤니티나 추가 리소스를 통해 도움을 받아보시는 것도 좋은 방법입니다.

저는 질문자님의 이해를 돕고자 동일한 문제를 다룬 링크를 참조하여 답변 링크를 추천해드리고 있습니다. 현재 베타 기능이기 때문에 답변이 완벽하지 않을 수 있다는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Inflearn Community Q&A

문제 원인

해결 방안