[React ERR] npm start 중 계속해서 Missing script: "start" 오류 발생시

 

 

 

오늘은 Spring Boot - React 연동을 시도하던 찰나 npm start 가 계속해서 에러가 뜨는 현상을 겪었다. 

 

 

분명 React 만 할때는 npm start 로 다이나믹 브라우저가 잘만 실행되던 것이 Spring Boot 를 연동하자 마자 안되는 것이였다. 

 

밑은 해당 오류다. 

 

 

 

scripts 에 start를 찾을 수가 없다고 한다. 그래서 pakage.json 에서 확인 해보았다. 

 

 

 

존재한다. 

 

구글에서는 npm uninstall 후 재설치, npx 로 다시 실행시켜 보라는둥 여러가지를 제시했지만 난 다

 

실패했다. 

 

왜이런건지 모르겠다는 와중 오류메세지를 자세히 읽어보고 생각하던중 오류 메세지에서 추론 할수 있었다. 

 

"이건 script에서 start를 찾을수 없다는 얘기 잖아, 그런데 script는 분명히 start가 있는데? 혹시 script가 존재하는 패키지 자체를 

못찾는거 아닌가?"

 

문득 떠오른 생각에 난 지금 Spring Boot 와 React를 연동하고 있었다는 사실을 다시 알고, 

 

내가 연 폴더가 무슨 폴더인지 보았다. 내가 실수했다.

 

frontend 폴더가 react 폴더이다.

 

Spring Boot 폴더 전체 즉 최상위 스프링 폴더 안에 내가 리액트 폴더를 위치시켰기 때문에 

 

vscode에서 폴더를 열때 스프링부트 최상위 폴더가 아닌 리액트 폴더 즉 위 사진에서는 frontend 폴더를 열고 npm을 실행시켜야 정상적으로 스크립트를 찾아가서 실행시켜준다. 

 

 

오늘도 vscode를 한번 다시 배워간다.