inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

프로젝트 생성

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

128

youre8090

작성한 질문수 5

0

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

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

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

react React-Context react-router tailwindcss react-query

답변 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 수정)을 추천드립니다. 왜냐하면:

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

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

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

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

 

 

 

0

youre8090

감사합니다!

오타?

0

28

1

뭐하나 여쭤봐도 될까요?

0

70

1

안녕하세요 질문이 있습니다.

0

55

2

질문 : 삭제 버튼 아규먼트 (id)

0

50

1

Tailwind 버전 확인

0

62

1

align-items 정렬

0

50

2

vite 명령어로 프로젝트를 만들었습니다. (vscode)

0

79

1

31. 객체 업데이트 하기 - 10:15 질문

1

55

2

강의교안, 내용 인용해서 블로그 글 작성

1

80

2

이미지가 출력되지 않아요

1

74

2

강의와 만들어진 코드가 달라요

0

76

3

AI와 CSS 라이브러리의 궁합

0

95

1

onClick 이벤트에 함수 넘길 때

0

65

1

린캔버스 기능 구현은 왜 못하나요.... 구현하고 싶습니다...

0

101

1

notes 없음 읽기 오류

0

72

1

Object.assign 문법

0

64

1

react-router 전혀 기능 안함

0

53

1

react-router-dom@6.25.1

0

47

1

React Router 최신 스펙

0

207

1

Immer 에서 filter, map 사용

0

54

1

vite 설치에 대해 질문있습니다.

0

76

2

라이브러리 버전 일치 이슈

0

76

1

"Enter 키 발생 시 항목 추가" 부분에서 공백이 포함되면 한 줄이 더 입력됩니다

0

49

2

TotalCounter을 작성할때

0

65

2