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"
}
}
관련해서 안내좀 부탁드립니다.
좋은 주말 되세요~
Answer 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와 충돌하지 않도록 구성했는지 확인하십시오.
에러와 관련된 부분을 더 자세히 알기 어렵기 때문에, 추가적으로 로그나 화면 캡쳐를 제공해주시면 더 정확한 도움을 드릴 수 있을 것 같습니다.
도움이 되셨길 바라며, 문제 해결 후 즐거운 주말 보내시기 바랍니다!
파워쉘, 터미널
0
12
1
스킬과 서브에이전트 병행 사용 질문
0
10
1
강의 잘 들었습니다.
0
11
1
claude api 크레딧
0
12
0
터미널에서 커서 AI 직접 실행
0
20
2
해결했습니다
0
27
1
이런 경우는 어떤 조치를 취해야할까요?
0
27
2
hooks 설정이 안되요
0
42
2
영상 최신으로 엡데이트 요청
0
65
2
소스 코드가 회사 보안 프로그램에 막혀서 안 보여요.
0
52
2
claude code 상태표시줄 궁금합니다!
0
46
2
수파베이스 데모 버전
0
39
1
10월 15일 삭제예정 강의 문의
0
38
1
설치의 필요성
0
73
2
modal-root질문드립니다.
0
60
2
모달 여러개 질문드립니다
0
52
2
지금 강의가 어려우신분 추천드립니다.
0
50
1
기존의 완성된 CRUD의 Build.gradle에 security관련 dependency를 추가하면 문제가 생깁니다.
0
61
2
시작하기전에 질문 드립니다.
0
65
2
tsconfig.app.json 파일 설정(경로 별칭 옵션) 관련 질문입니다.
0
68
2
CRA에서 Next.js로 마이그레이션하기에서 compilerOptions.moduleResolution bundler 불가
0
271
1
기존 react 에서 navigate 에 state 로 데이터를 전달했습니다.
0
752
1
Create React App에서 Next.js로 마이그레이션하기 의 깃허브 소스도 npm i 하면 에러가 발생합니다.
0
442
2
fake-commerce-app 주소 404 오류
3
351
1

