2차 프로젝트 마무리 짓느라 많이도 밀린 포스팅.. 이제 프로젝트도 끝났으나 여유 시간이 약간 생겨서 못했던 공부와 포스팅을 병행할 예정~
오늘의 주제는…
CRA 실행시 yarn start가 안돼요!
언제 안되느냐…
바로 지금이다 나에겐
에러 생긴 김에 블로그 포스팅을 하기로 마음먹었다 ㅋㅋ
이 순서대로 해보라는데.. pacakage-lock.json이나 yarn.lock은 없어서 1번은 패쓰~ 2번… node_modules를 지우라는데… 진짜???? 일단 지워본다 ㄱㄱ
또다시 yarn start 했는데 127에러… 구글링 하기전에 나는 이미 다른 사람의 해결책을 보고 따라했다.
이 글을 보고 했는데
하리프리야가네산이라는 분의 답변을 보고 했는데 왜 안되지..?
다시 react에서 알려준 순서대로 도전도전
package.json 안의 webpack을 지우란다… 지워보았다. 그런 다음 npm이나 yarn을 다시 깔래서 깔아보았다.
yarn 명령어로 yarn을 설치한 모습. 4번까지 하면 웬만해선 문제가 해결된다는데… 난 해결되지 않았기 때문에 5번부터 다시 꼼꼼히 정독쓰…
- If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead. This may help because npm has known issues with package hoisting which may get resolved in future versions.
- Check if /home/dooreplay/node_modules/babel-eslint is outside your project directory. For example, you might have accidentally installed something in your home folder.
- Try running npm ls babel-eslint in your project folder. This will tell you which other package (apart from the expected react-scripts) installed babel-eslint.
5번을 읽고 yarn.lock 파일 지우고 다시 yarn start 해봤는데 그래도 안된다.
sudo yarn start도 안먹힌다… 황당쓰… 그럴땐 6번으로 고
보니까 node_modules 폴더가 홈 폴더에 있는데… 원래 있었나..? 언제부터 거기에 있었지? 7번의 babel-eslint 파일은 죽어라 찾아봐도 없는데…
CRA를 네 번정도를 반복한거 같다 이 문제를 해결하려고 ㅠㅠ 화나!! 아침에 일찍 왔는데 에러 해결하려고 2시간은 쏟아부은거 같다 ㅠㅠ 여튼 동기님의 도움으로 해결쓰! 어떻게 했냐…
일단 시작을 npx create-react-app 폴더명으로 했고..(그전까진 npx 안하고 cra만 했다)
npx를 써줘야 최신 버전을 뭐 자동으로 업데이트 해준다는거 같다
리액트 공식 페이지에서도 npx를 쓰라고 권장하라고 하니 앞으로 쭉 써야겠다!
여튼… yarn start를 했는데 또 안돼!!!! 그래서 홈 폴더에 있는 node_modules를 바탕화면으로 옮겼다 ㅋㅋㅋ 삭제하긴 무서우니까
오????/ 된다된다!!! 드디어 된다!!
못본 새에 디자인이 많이 바뀌었군…
원래는 하늘색이었는데 ㅋㅋㅋㅋ
여튼… 오늘의 에러는 이렇게 해결쓰…☆