개발 서버가 실행 안 되는 문제
128
작성한 질문수 5

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 install3. 마지막 방법으로는:
# node_modules 삭제
rm -rf node_modules
# 깨끗하게 다시 설치
npm install --no-optional팀원 분들과 개발하는 환경에서는 첫 번째 방법(vite.config.js 수정)을 추천드립니다. 왜냐하면:
설정 파일로 관리되어 팀원들과 공유하기 쉬워요~!
패키지 재설치가 필요 없어요~!
버전 충돌 문제를 우회할 수 있어요~!
참고 하시고용 그래도 해결이 안된다면 다시한번 찾아볼게요~! 💪 🙂
오타?
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





