나 이것도 몰랐네..

npx 에러 해결 방법 및 npm / npx / yarn 차이 본문

프론트 관련 지식

npx 에러 해결 방법 및 npm / npx / yarn 차이

SuhyeokRoh 2023. 7. 11. 02:04

react 프로젝트 실행 시 npm start 명령어를 통해 하던 것을 npx start로 입력해보았다.

$ npx start
npm ERR! could not determine executable to run

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\SSAFY\AppData\Local\npm-cache\_logs\2023-07-10T16_48_28_292Z-debug-0.log

이러한 에러가 발생해서 왜 에러가 발생했는지, npm과 npx 그리고 yarn까지의 차이점에 대해 간단하게 찾아보았다.

 

1. 에러 발생 원인

https://jeong-ran-e.tistory.com/entry/Create-React-App-%EC%98%A4%EB%A5%98-%EB%B0%9C%EC%83%9D%EC%8B%9C-%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95]

 

Create React App 오류 발생시 해결방법

이 글은 2021년 11월 25일 기준으로 마지막으로 업데이트 되었습니다. ❌ 너무 오래걸린다. 원래 오래 걸리는 작업이긴 합니다만 10분 이상 기다려도 설치가 완료되지 않을 시, 와이파이나 인터넷

jeong-ran-e.tistory.com

https://donghyun-dev.tistory.com/104

 

npx create-react-app 설치 에러

create-react-app을 사용해서 리액트 프로젝트를 새롭게 구성하려고 설치하는 도중 다음과 같은 에러를 발생했다. 이와 같은 에러가 생겼다. 설치해야하는데 뭐 글로벌로 설치한 create-react-app이 이전

donghyun-dev.tistory.com

현재 일어난 에러와 같은 상황은 아니지만 create react app을 할 때 생겼던 오류에 대한 해결책이 적혀있는 사이트였다.

설명에 따르면 설치된 create-react-app이 최신 버전이 아니라서 생긴 오류이기에 npm install을 통해 최신 버전을 설치하면 된다고 적혀있다. 

 

2. 차이점

 

https://webruden.tistory.com/275

 

npx란 무엇일까? 그리고 npm이랑 어떤 차이점이 있을까?

우리는 종종 npx 명령어를 사용해서 패키지를 설치하곤 합니다. 예를 들어 리액트 CRA를 설치할 때 npx create-react-app을 사용하고 , nuxt를 설치할 때 npx create-nuxt-app을 사용하고, 리액트 네이티브를 설

webruden.tistory.com

https://egg-programmer.tistory.com/227

 

[Node] npm vs npx vs yarn

npm, npx, yarn, bower 등은 모두 Node 프로젝트에서 설치되는 패키지들을 관리해 주는 툴이라고 할 수 있다. 나는 평소 npm을 사용하고, 서버에서 배포할 때는 npx 명령어를 사용했다. npm으로 설치하는

egg-programmer.tistory.com

 

npx

- execute npm package binaries

- npm 5.2.0 버전부터 추가된 도구, npm을 더 편하게 사용할 수 있도록 도와주는 도구

npm

- Node Package Manager

- 노드 패키지 관리자를 의미

yarn

- 패키지 관리자

- 속도나 안정성은 npm과 비슷

- 장점 : 버전을 같게 만들어 버그를 줄여 보안성을 높임