[Next Js]Cannot read properties

아래와 같은 에러 발생시

Next JS 나 React Js 프로젝트 중에 갑자기 아래와 같은 에러가 발생하면서 실행이 안되는 경우가 있습니다. 저도 이 블로그를 만드는 도중에나 다른 프로젝트를 하던 도중에 자주 접했던 오류 인데요.
보통은 fs를 사용해서 폴더 안의 파일을 가져와서 map이나 filter등을 하는 와중에 발생했었습니다.

TypeError: Cannot read properties of undefined (reading 'substring')
TypeError: Cannot read properties of undefined (reading 'toLowerCase')
.
`undefined` cannot be serialized as JSON. Please use `null` or omit this value.
.
Error: ENOENT: no such file or directory, open '폴더명'

여러가지 오류가 동시에 발생을 하는데, 모두 파일을 읽어오는 와중에 설정 해두었던 내용이 없는 경우에 발생하게 됩니다. 처음에는 프로젝트를 다 밀고 다시 하는 경우도 있었는데; 원인을 알고나니 너무나도 황당하더군요.

저는 윈도우 환경이 아니라서 모르겠지만, 맥북에서는 스스로 파일을 생성을 하는데요. 그 파일이 폴더에 숨겨져 있어서 map이나 forEach 등의 함수를 써서 폴더 내 파일을 읽을 때 오류를 일으킵니다.

그래서 이 파일을 삭제 해줘야 합니다.

해결책

Terminal 창에서

rm **/.DS_Store

입력 하고 엔터칩니다. 이러면 맥북이 스스로 만든 파일을 삭제합니다.

아마도 다시 시도해 보시면 잘 작동하지 않을까 생각합니다.

다른 문제로

let A = "" + b

이런식으로 변수 A를 문자로 강제 할당을 하는 방법이 있는데, 근본적인 해결책이 되지는 않습니다.

---

참고

[Next Js] sitemap 만들고 업로드 하는 방법

[Next Js] Error with permissions-Policy header

[Next Js]a title element error