Cannot find module 에러
vite 로 작성한 경우를 마이그레이션 하는데요.
강의에 따라서 진행하였는데 최종 아래처럼 에러가 발생합니다.
Require stack:
\node_modules\next\dist\server\dev\next-dev-server.js
vite\node_modules\next\dist\server\dev\next-dev-server.js
vite\node_modules\next\dist\server\next.js
vite\node_modules\next\dist\server\lib\start-server.js
package.json 은 아래와 같아요.
{
"name": "next-migration-02-vite",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "next dev",
"build": "next build",
"lint": "next lint",
"start": "next start"
},
"dependencies": {
"next": "^14.1.1",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/node": "20.11.24",
"@types/react": "^18.2.56",
"@types/react-dom": "^18.2.19",
"@typescript-eslint/eslint-plugin": "^7.0.2",
"@typescript-eslint/parser": "^7.0.2",
"@vitejs/plugin-react": "^4.2.1",
"eslint": "^8.56.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"typescript": "^5.2.2",
"vite": "^5.1.4"
}
}
관련해서 안내좀 부탁드립니다.
좋은 주말 되세요~
답변 2
0
억수님, 안녕하세요! 질문 확인이 늦었습니다.
혹시 해당 에러를 마주한 상황에 어떤 명령어를 입력하셨는지 확인해주실 수 있을까요?
답변 남겨주시면 이번에는 빠르게 도움 드릴 수 있도록 하겠습니다.
감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다.
Next.js 마이그레이션 과정에서의 문제 해결을 위해 말씀해 주신 내용을 바탕으로 몇 가지 확인해 볼 사항을 안내드립니다.
- 우선, Next.js와 Vite는 서로 다른 번들러를 사용하기 때문에
next명령어로 실행하거나 빌드할 때 Vite 관련 의존성이나 설정이 포함되어 있지는 않은지 확인해 보세요.
- package.json에 “type”: “module”이 설정되어 있는 경우에는
import와export문법을 사용하도록 되어 있습니다. 만약 CommonJS 모듈 시스템을 사용하는 경우(require,module.exports등), 이 설정을 제거하거나 관련 구문을 ESM 방식으로 변경해야 합니다.
next폴더 내부의 모듈을 직접 require 하고 있지 않은지 확인해 보세요. 일반적으로 사용자 코드에서 내부 모듈을 직접 require 하는 경우는 드뭅니다.
- Next.js의 버전이 최신 버전과 호환되는지, 모든 의존성이 적절한 버전을 가지고 있는지 확인해 보세요. 필요한 경우,
npm install또는npm update로 최신 패키지를 설치하거나 업데이트할 수 있습니다.
문제가 지속될 경우 Next.js 프로젝트 폴더에서 node_modules 폴더와 package-lock.json 파일을 제거한 후 재설치를 진행해 보시는 것도 좋은 방법입니다.
rm -rf node_modules
rm package-lock.json
npm install
또한, Vite 관련 설정을 제거하거나 번들러 설정이 Next.js와 충돌하지 않도록 구성했는지 확인하십시오.
에러와 관련된 부분을 더 자세히 알기 어렵기 때문에, 추가적으로 로그나 화면 캡쳐를 제공해주시면 더 정확한 도움을 드릴 수 있을 것 같습니다.
도움이 되셨길 바라며, 문제 해결 후 즐거운 주말 보내시기 바랍니다!
동영상 끊김 ( 섹션 2 )
0
4
1
14강은 언제 올라올까요??
0
11
2
supabase 다른 프로젝트 적용 관련 질문드려요.
0
12
0
시스템관리자가 앱을 차단했다고 뜹니다.
0
7
0
강의 내 언급된 링크 문의
0
9
0
프로젝트 폴더 복사 후 사용 관련
0
14
1
기술스택 강의 관련해서 질문드려요.
0
18
1
강의 자료를 찾을 수 없습니다ㅠㅠ
0
15
1
서브에이전트 문의
0
15
1
노션 강의 화면과 실제 화면과 너무 달라서 수업 진행이 안 됩니다
0
20
0
파워셀에서 claude 코드의 버전확인이 않됩니다.
0
20
2
윈도우에서 설정화면이 다릅니다.클로드코드 환경변수 설정
0
19
2
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
14
0
깃허브 Publish 질문
0
23
2
클로드 코드 프로 사용자인데..
0
30
2
강의는 순서대로 들어야 할까요??
0
29
1
supabase 사용 관련.
0
25
2
수업자료 및 단톡방 접속관련
0
20
1
상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.
0
19
2
문서 업데이트
0
35
2
CRA에서 Next.js로 마이그레이션하기에서 compilerOptions.moduleResolution bundler 불가
0
243
1
기존 react 에서 navigate 에 state 로 데이터를 전달했습니다.
0
711
1
Create React App에서 Next.js로 마이그레이션하기 의 깃허브 소스도 npm i 하면 에러가 발생합니다.
0
394
2
fake-commerce-app 주소 404 오류
3
325
1





