아침부터 오류 만남 ㅎ TIL(34)

오류가 생겼다 그것도 컴퓨터 키자마자 파일하나 npm start~치자마자

원래 이때까지 이런적이 없고 오류를 이쪽에서는 만나본적도 없었는데 아예 localhost가 안되는게 너무 충격이라 심장이 내려앉았다

할꺼가 이렇게 많은데 이렇게 시간을 다 쓰는것인가 하는 생각에 💢

원래 TIL저녁에 쓰지만 오늘은 오류를 너무 빨리 만난 바람에 지금 적는다. 어쨋든 해결은 됬기때문에ㅎㅎ

---

상황

1.VSC를 켰다.

2.밑에 안뜨던 오류 창이 자꾸 떴다. "네트워크연결이 실패했다?" 무슨 파일을 켜던지간에;;

3....?와이파이가 문제인가?라고 생각하고 안일하게 넘김

4. 그리고 열어야할 파일을 npm start~

5.localhost:3000열수없다고 브라우저에 뜸

 

위에서 4,5번 순서를 계속했다 연결이 잘안되나? 하고... 근데 갈수록 심각했다 무슨파일이든 안열리니까 미치겠더라는...

그래서 프록시설정이되어있으면 그럴 수 있다고 하길래 프록시까지 확인했지만 건드린 적도 없어서 당연히 문제가 없었고

그럼 뭘까 노트북을 껐다켜야하나? 이러면서 고민하던중에

react파일에 있는 package.json이 눈에 들어왔다.

어제 리액트돔과 파이어베이스를 잠깐 공부한다고 버전을 왔다갔다 했었는데 혹시 그문제인가? 하는 마음에 버전을 확인하게 되었다.

근데 해당파일에는 버전들이(뒤에 숫자는 제거하고)

react: 18, react-dom: 18,  react-script :4버전 이렇게 적혀있었다.

그럼  어제까지만 해도 잘 돌아갔던 근래에 만든 파일을 하나 열었더니 나머지는 다 똑같은데 script 버전이 달랐다.

 

이게 문제가 되는것인가....

찾아보니 create-react-app으로 프로젝트 생성 후  버전이 맞지 않아 npm run / yarn run가 안될 수도 있다고 했다.

그래서 스크립트 업데이트를 한번 해보자 해서 실행을 했다. 그래서 기존의 4버전 react-script를 지우고 

yarn add react-scripts

를 입력해주었다. 

그러고 나서 혹시나 하는 마음에 yarn startf를 하니까 된다...........!!!!!✨✨✨

잠깐 로딩하는데 시간이 걸려서 안되는 줄 알았는데 갑자기 화면에 렌더링이 됬다...ㅠㅜ 감격

튜터님을 찾아가야하나 고민했었는데 내손으로 이렇게 해결을 했다.

 

나랑 같은 사람들이 있는지 확인하려고 검색해보니까

package.json에 있는 script에 "start": "react-scripts --openssl-legacy-provider start" 로 교체 해주고

build부분도 똑같이 수정을 해주어서 되었다는 분들도 있었다.

 

지금 잘돌아가니까 괜찮을꺼같은데 만약 똑같은 문제가 또 발생한다면(제발 안그랬으면 좋겠지만) 위에있는 방법도 한번 써봐야겠다ㅎ

어쨋든 오늘은 기분좋게 아침부터 내손으로 오류해결 맛있게 하고 시작한다 TIL끝😎