리액트 개발자님들 도와주세여

Question

안녕하세요 웹퍼블리셔로 일을 하고 있는데
요즘 하도 리액트 뷰를 원하는곳이 많아서 리액트 공부를 하거있슺니다

깃 데스크 탑으로 커밋하는데 집에서 할때랑 회사에서 할때랑 package lock json 셋팅이 달라져서 그런지 npm start가 안되는데 레포지를 회사랑 집 각각 해둬야하는걸까여??

강병진 · Answer

package-lock.json은 깃으로 공유해서 프로젝트를 진행하는 개발자들이 모두 같은 디펜던시를 가져야합니다. 그런데 packege-lock.json이 다르다는 이유로 빌드가 안되진 않을 것 같은데 로그를 더 자세히 들여다 보셔야 할 것 같습니다

이우열 · Answer

`npm i` 해보셨나요?
패키지가 동기화 안됐을 수도 있을 것 같네요
패키지 설치를 진행해보세요
npm install이라는 의미입니다

소지우 · Answer

package-lock.json이 있으면 다른 장소에서 해당 프로젝트를 클론하더라도,
동일한 디펜던시 상태를 유지하도록 도움을 줍니다.

또한, 모듈을 추가하거나 한다면 package-lock.json이 업데이트됩니다.
형상 유지를 위해 또 한번 업데이트하여 다른 환경에서는 pull로 상태를 유지합니다.

여기까진 package.json 패키지 모듈 의존성 관련인데,
package-lock.json의 설정이 달라도 실행에 문제가 되지는 않을 거 같습니다.

다만, 필요한 의존 패키지 모듈이 없다면 실행에 문제가 발생할 수는 있습니다.

프로젝트에 필요한 의존성들을 존재하는 지 확인하신 후,
npm install을 통해 필요한 모듈을 가져오도록 해야 합니다.

남 재민 · Answer

리액트 개발중 npm install로 설치한 라이브러리들이 package.json에 버전과 함께 추가되는데, 다른 환경에서 개발 할 때는 package.json만 일치해도 npm install 후 리액트 실행하시면 잘 될겁니다.
package-lock.json은 지우시고 npm install 하시면 새로 생성될거예요.