TIL 22.05.10 - BrowserslistError, react-scripts error

1. React

 

1) 에러 내용

    1-1) BrowserslistError

          Browserslist config should be a string or an array of strings with browser queries
    at check

    -> 대충 Browserlist는 문자열이나 문자열의 배열이 되어야 한다는 내용.

    1-2) react-scripts 오류

          'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다. error Command failed with exit code 1.

    -> 아래 사항들을 따르고 난 뒤 yarn start를 했더니 발생한 오류.

1. rm -rf node_modules
2. yarn cache clean
3. yarn
4. yarn start

 

2) 해결

     2-1) BrowserslistError

         -> package.json에 강의 내용 상 reactSnap을 추가하는 내용이 있었는데 엉뚱한 곳에 추가함.

             "devDependencies"바로 위에 reactSnap 추가했더니 해결됨.(애초에 모듈 삭제 등 할 필요 없었음.)

     2-2) react-scripts 오류

         -> yarn add global react-scripts 으로 해결됨.

 

3) 원인

     3-1) BrowserslistError

         -> 모든 원흉의 시작. package.json에 추가할 항목을 엉뚱한 배열 속에 추가하지 않았는 지,

             엉뚱한 위치에 있지 않는 지 확인해야 한다.