inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라먹는 Next.js

2.1) Page Router를 소개합니다

PageRouter 프로젝트 생성

해결된 질문

237

dkswndus6988

작성한 질문수 3

0

PS C:\Users\Master\Desktop\onbite-next> npm run dev

npm ERR! Missing script: "dev"

npm ERR!

npm ERR! To see a list of scripts, run:

npm ERR! npm run

npm ERR! A complete log of this run can be found in: C:\Users\Master\AppData\Local\npm-cache\_logs\2024-11-18T14_22_23_262Z-debug-0.log

image.png

이런 오류가 발생했습니다..

react typescript next.js

답변 2

0

이정환 Winterlood

안녕하세요 이정환입니다.

혹시 Next.js 앱이 onebite-next/section02 폴더에 들어있지 않은가요?

그렇다면 cd section02로 해당 폴더로 이동하신 다음 npm run dev 스크립트를 실행하셔야 합니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. dkswndus6988님.

Next.js 프로젝트를 실행하려고 할 때 발생한 오류는 package.json 파일에서 “dev” 스크립트를 찾지 못해서 생긴 문제로 보입니다. 일반적으로 “npm run dev” 명령어는 package.json에 정의된 “scripts” 항목에서 “dev” 스크립트를 실행하는데, 만약 이 스크립트가 정의되지 않았다면 위와 같은 오류가 발생합니다.

일단, 입력하신 내용대로라면 package.json에 다음과 같은 스크립트가 잘 정의되어 있어야 합니다:

"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start",
  "lint": "next lint"
}

이런 경우, 다음 단계를 따라 확인 및 해결을 시도해보세요:

  1. package.json 파일 확인:

    • 프로젝트의 package.json 파일이 정확하게 작성되었는지 확인하세요. 특히 “scripts” 항목이 존재해야 합니다.
    • 만약 “scripts” 섹션에 “dev”: “next dev”가 정의되지 않았다면, 사용 중인 package.json에 위 코드를 추가해보세요.
  2. 파일 저장 및 위치 확인:

    • package.json 파일이 저장되었는지 확인하고, 해당 파일이 프로젝트 루트에 위치해 있는지도 확인하세요.
  3. 다른 경로에서 npm run dev 실행:

    • 터미널이 여전히 올바른 경로에 위치해 있는지, 다시 한 번 확인해 보세요. 프로젝트 폴더 내부에서 명령어를 실행해야 합니다.

다음과 같은 링크를 통해서도 유사한 상황에 대한 추가적인 설명을 확인해보세요:

추가적으로 문제 해결에 도움이 필요하시거나 다른 질문이 있으시면 언제든지 질문해 주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

버셀로 서버 배포 후 접속 시 500 에러 발생

0

66

2

컴포넌트와 레이아웃

0

54

2

@/styles/globals.css'

0

50

2

풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문

0

71

2

next.js 프로젝트

0

68

1

Next.js + Tanstack Query BFF 구조 질문

1

82

2

Next.js 사전렌더링 이해하기 부분

0

84

2

모달 관련 질문

0

88

3

렌더링 관련 질문

0

108

2

중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화

0

97

2

라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.

0

95

2

SSR시 context에 params말고 query를 사용하면 안되나요?

0

107

2

npx prisma db push 시 에러가 뜹니다.

0

131

3

vercel 배포를 실패하였습니다.

0

150

3

Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?

0

93

2

getServerSideProps 함수와 SSR의 관계

0

118

6

없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다

0

93

2

실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.

0

145

2

일반적인 nextjs project architecture에 대하여..

0

120

2

2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?

0

101

2

배포 시 오류 발생

0

111

2

백엔드 서버 오류납니다.

0

107

2

취약점 제거시 nestjs 버전 문제가 생길까요?

0

117

1

eslint.config.mjs 내 rules 어떻게 설정 하나요?

0

130

1