인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

youre8090님의 프로필 이미지

작성한 질문수

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

프로젝트 생성

개발 서버가 실행 안 되는 문제

작성

·

42

0

스크린샷 2024-12-06 오전 10.47.54.png.webp

npm install 설치한 뒤 개발 서버 키기 위해서 npm run dev 입력했는데 이런 에러가 뜹니다.

인터넷 찾아 본 결과 npm install watchman 이거 해줘야 에러 안 나는 거 알고 있지만, 번번이 프로젝트 생성할 때마다 이런 에러가 꼭 뜹니다. 혹시 해결 방법이 있을까요?

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 🙂

라이브러리 버전 충돌 이슈로 보여요.

관련해서 구글링을 보니 비슷한 사례가 있어 안내드립니다. (참고링크)


fsevents의 버전 충돌이 주된 원인같아요. fsevents 1.x 버전과 2.x 버전이 동시에 설치될 때 발생하는 문제인 거 같은데요. 특히 다른 패키지들이 fsevents@1 버전을 의존성으로 가지고 있을 때 오류가 발생할 수 있어요.

해결 방법을 우선순위대로 알려드릴게요:

1. 가장 간단한 해결책:

// vite.config.js

export default defineConfig({
  plugins: [react()],
  server: {
    watch: {
      usePolling: true,
      interval: 100
    }
  }
})

이렇게 하면 fsevents를 사용하지 않고 폴링 방식으로 전환됩니다.

2. 패키지 매니저 레벨에서 해결하고 싶다면:

# package.json에 다음 내용 추가
{
  "overrides": {
    "fsevents": "^2.3.3"
  }
}

그리고 나서:

npm install

3. 마지막 방법으로는:

# node_modules 삭제
rm -rf node_modules

# 깨끗하게 다시 설치
npm install --no-optional

팀원 분들과 개발하는 환경에서는 첫 번째 방법(vite.config.js 수정)을 추천드립니다. 왜냐하면:

  • 설정 파일로 관리되어 팀원들과 공유하기 쉬워요~!

  • 패키지 재설치가 필요 없어요~!

  • 버전 충돌 문제를 우회할 수 있어요~!

참고 하시고용 그래도 해결이 안된다면 다시한번 찾아볼게요~! 💪 🙂

 

 

 

youre8090님의 프로필 이미지
youre8090
질문자

감사합니다!