[Vite] Vite+React 환경에서 기존 Git repository 실행시 npm module 폴더 없을 때 해결 방법

요즘 react를 배우고 있는데 환경 적응이 어려운 듯합니다. git clone으로 react 폴더를 받았을 시,

npm run dev로 돌릴때 json.package가 없다는 에러가 뜨는 것을 확인 할 수있습니다.

정말 해당 파일이 없을 수 있지만, npm module이 없는 경우가 대부분 이었습니다.

따라서Vite+React 환경에서 기존 Git repository 실행시 npm module 폴더 없을 때 해결 방법입니다.

기존 폴더에 Vite를 설치하려면 다음 명령을 사용하여 로컬 프로젝트에 설치하면 됩니다.

npm install vite --save-dev

이 명령을 실행하면 현재 작업 중인 프로젝트 폴더에 node_modules 폴더가 생성되고, Vite와 그 종속성이 이 폴더에 설치됩니다. 또한 package.json 파일의 devDependencies 항목에 Vite가 추가됩니다.

로컬 설치를 통해 프로젝트 폴더 내에서 Vite를 실행할 수 있습니다. npm 스크립트를 사용하여 Vite를 실행하려면 package.json 파일의 scripts 섹션에 해당 스크립트를 추가해야 합니다. 예를 들어, 다음과 같이 추가할 수 있습니다.

{
  "scripts": {
    "dev": "vite"
  }
}

그런 다음 다음 명령으로 Vite 개발 서버를 실행할 수 있습니다.

npm run dev

이제 해당 프로젝트 폴더에서 Vite를 사용할 수 있게 됩니다.

#REACTREACT 태그 삭제#ViTEViTE 태그 삭제#초기설정방법초기설정방법 태그 삭제#vitereact모듈폴더없음vitereact모듈폴더없음 태그 삭제#gitreact폴더실행방법gitreact폴더실행방법 태그 삭제#