231101 TIL

금일 발생했던 오류

오류가 굉장히 길어서 중간에 짤랐다.

우선 상황은 이랬다.
1. 실습으로 counter를 다 만들었다가, 그 다음 강의인 Styling을 진행하기 위해 터미널에 들어갔다.
2. 터미널에서 cd .. 명령어를 통해 상위폴더로 위치를 옮겼다.
3. 위치는 문제 없으니, counter를 만들었던 것과 똑같이 yarn create react-app Style-project를 입력했다.
4. 헌데 잠시 진행되나 싶더니, 곧 밑에 기재된 코드와 같이 오류가 떴다.

error An unexpected error occurred: "EPERM: operation not permitted, rename 'C:\\Users\\USER-G1\\AppData\\Local\\Yarn\\bin\\create-react-app.cmd.cmd' -> 'C:\\Users\\USER-G1\\AppData\\Local\\Yarn\\bin\\create-react-app.cmd'".

어디서 잘못된 거지? 라는 생각이 들었다.
혹시나 폴더 이동이 안되어서 충돌 오류가 떴나? 라는 생각에 폴더 위치를 확인했다.
하지만 당연히 그건 문제되는 부분이 아니었다.

구글링을 진행했다.
오류 전체를 복사할 수는 없으니, 앞부분만 조금 따서 검색했다.
그러자 맨 위부분에 stackoverflow 사이트가 뜨며, 나와 같은 문제를 지닌 사람의 글을 발견할 수 있었다.

답변에는,
In Windows first stop the development server and then try to install package.
이러한 글이 적혀져있었다.

정확히 다 해석할 수는 없지만, development server 라는 부분에 눈이 갔다.
그리고 그때 머릿속에 스쳐간 것이 어? 라이브서버가 켜져있어서 그런가? 라는 생각이었다.

곧장 모니터링을 위해 켜뒀던 development server를 끈 후,
다시금 yarn create react-app Style-project를 입력했다.
이후, 문제가 발생했던 것과 달리 정상적으로 진행되는 걸 확인할 수 있었다.

새로운 리액트앱을 생성할 때는 development server(라이브서버)가 켜져있는지 확인
또한 새로운 리액트앱을 생성할 때는 폴더 위치 확인