리액트로 만든걸 보기 위해 yarn start를 입력하고 크롬 창을 띄웠다.
코드를 수정하고 적용된 화면을 보기 위해 새로고침을 눌렸는데 결과물을 보기까지 대략 15초가 걸렸다!
무한정 돌아가는 로딩바....
너무 답답해서 찾아보니 스택오버플로우에 나와 비슷한 고민의 글이 있었고 yarn의 버전이 문제였다.
super slow node npm commands
I have node v.4.4 with npm v.2.14.20 (default bundled with windows installer). My OS: Windows 7 64bit. Hardware: Dell laptop, 16GB RAM, SSD, core i7. I'm facing a problem with extremely slow npm. ...
stackoverflow.com
즉, 해결방안은
cmd 창을 열어서 yarn upgrade --latest를 입력해주자!
Yarn
Fast, reliable, and secure dependency management.
classic.yarnpkg.com
만약 npm를 사용한다면 npm-upgrade를 입력해주자
npm-upgrade
Interactive CLI utility to easily update outdated NPM dependencies
www.npmjs.com
320x100
'IT > React' 카테고리의 다른 글
| [리액트] useEffect-한번만 실행되게 하기 (1) | 2021.05.06 |
|---|---|
| [리액트] state는 직접 수정 금지 (0) | 2021.05.04 |
| [리액트] firebase로 로그인 기능 구현하기 (0) | 2021.01.14 |
| [리액트] VSCode 익스텐션/컴포넌트 import 간단하게 하기 (Auto Import) (0) | 2021.01.13 |
| [리액트] Font Awesome(폰트 어썸) 사용 방법 (0) | 2021.01.13 |