[NextJS] npm run build errno -4048, ELIFECYCLE 오류 해결

[문제점]

 npm run build를 하면 아래와 같은 오류가 나면서 빌드가 정상적으로 되지 않았다.

Error: EPERM: operation not permitted, open 'C:\Users\***\.next\trace'
Emitted 'error' event on WriteStream instance at:
    at internal/fs/streams.js:335:14
    at FSReqCallback.oncomplete (fs.js:180:23) {
  errno: -4048,
  code: 'EPERM',
  syscall: 'open',
  path: 'C:\\Users\\***\\.next\\trace'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! music-web@ build: `next build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the music-web@ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\***\AppData\Roaming\npm-cache\_logs\2022-02-01T09_41_00_245Z-debug.log

 

이 때문에 vercel에서 배포를 하고 deploy를 할 때도 아래와 같은 오류가 나왔다.

> Build optimization failed: found pages without a React Component as default export in 
pages/utils/constant
pages/utils/types
See https://nextjs.org/docs/messages/page-without-valid-component for more info.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Error: Command "yarn run build" exited with 1

---

[해결방법]

 다른 글들을 찾아보니 npm의 cache를 삭제하고, node_moduels를 삭제하고 다시 npm install으로 설치하고 하는 방법이 있었다. 모두 해보고 다시 npm run build를 해보았지만 똑같은 오류가 나왔다. 처음 배포를 하는 것도 아니고 전날에는 분명 배포가 정상적으로 되었기에 오늘 작업한 파일들을 삭제해 보며 다시 빌드를 해보았다. 

 몇몇 파일을 삭제하고 다시 빌드를 해보니 다음과 같은 오류메세지가 나왔다.

info  - Checking validity of types
info  - Creating an optimized production build
info  - Compiled successfully

> Build optimization failed: found pages without a React Component as default export in
pages/utils/constant
pages/utils/types

 

오늘 작업하면서 utils폴더를 만들었는데 실수로 pages폴더 안에 만든 것이었다. 즉 pages 폴더 안에서 React Component가 default export로 되지 않는 파일이 있어 빌드가 되지 않은 것이었다. 따라서 utils폴더를 루트 디렉토리로 빼고 다시 빌드를 하니 정상적으로 되었다.