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와 충돌하지 않도록 구성했는지 확인하십시오.
에러와 관련된 부분을 더 자세히 알기 어렵기 때문에, 추가적으로 로그나 화면 캡쳐를 제공해주시면 더 정확한 도움을 드릴 수 있을 것 같습니다.
도움이 되셨길 바라며, 문제 해결 후 즐거운 주말 보내시기 바랍니다!
커서에서 파일추가 Side bar 추가가 어려워요
0
9
1
섹션 8 git 및 github사용 관련
0
11
1
바이브코딩으로서의 개발공부
0
13
1
github 사용 관련 질문
0
14
1
클로드 코드 명령어 입력란이 맨 밑에 있어요
0
8
1
prd생성 관련 소스..
0
11
1
토큰오류 아시나요?
0
15
1
유튜브 시연 영상 추가 기능 강의 업로드 계획
0
11
1
(VS코드) install command 아무리 해도 안나옵니다
0
22
1
claude-squad 실행 시 로그인 및 권한 문제
0
20
1
강의 수강 후 포트폴리오 준비 방향에 대해 조언 부탁드립니다.
2
23
1
@/styles/globals.css'
0
23
2
VS Code의 Command pallet에서 'install command'해도 'code' command가 안보입니다.
0
27
1
62강 노션 링크 사용권한 승인 부탁드립니다.
0
17
2
62강 노션 링크 사용권한 승인 부탁드립니다.
0
18
1
파일 디렉토리 구조가 다르네요
0
30
1
클로드 초기설정
0
30
1
슬슬 따라하기가 힘들어진다.
0
67
2
[문의] 섹션 7 미션 진행 중...
0
29
2
기본 브랜치의 이름이 master에요.
0
42
2
CRA에서 Next.js로 마이그레이션하기에서 compilerOptions.moduleResolution bundler 불가
0
248
1
기존 react 에서 navigate 에 state 로 데이터를 전달했습니다.
0
719
1
Create React App에서 Next.js로 마이그레이션하기 의 깃허브 소스도 npm i 하면 에러가 발생합니다.
0
398
2
fake-commerce-app 주소 404 오류
3
332
1





