inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

ESLint, Prettier 설정

프로젝트 생성

해결된 질문

336

보헤미안

작성한 질문수 5

0

npx nuxi@latest 를 통해서 생성시 package.json 에서

"dependencies": { "nuxt": "^3.13.0", "vue": "latest", "vue-router": "latest" }

생성이 됩니다.

질문 1. 위 부분의 latest 라고 되어 있는 부분이 향후 문제가 될 소지가 있나요??? 버전을 명시에서 인스톨을 다시 해주는게 서비스 배포 및 운영에 안정적인지 궁금합니다. 버젼명시를 해줘야 한다면 nuxt 3.13 기준 vue, vue-router 버전을 몇으로 해야할까요?? 아니면 이런 부분을 어디서 확인하면 좋을까요??

 

질문 2. 해당 명령어로 프로젝트 생성시 촬영당시 버젼인

{

"name": "nuxt-app",

"private": true,

"type": "module",

"scripts": {

"build": "nuxi build",

"dev": "nuxi dev",

"generate": "nuxi generate",

"preview": "nuxi preview",

"postinstall": "nuxi prepare"

},

"devDependencies": {

"nuxt": "^3.9.0",

"typescript": "^5.3.3",

"vue": "^3.4.3",

"vue-router": "^4.2.5",

"vue-tsc": "^1.8.27"

}

}

수정후 .node_modules , package-lock.json 삭제 후 다시 package install 을 해주었는데 이렇게 되면 프로젝트 구조가 바뀌어서 그런건지 빌드와 typecheck 부분이 에러가 발생합니다.

 

참고로 위 버젼으로 인스톨 하고 npm run dev 로 할 경우 터미널에서 표시되는 nuxt 버젼은 3.9가 아니라 3.13 버젼으로 표시되고 있습니다.

 

이 부분을 어떻게 진행을 해야할까요??

확인 부탁드립니다.

vue.js nuxt.js pinia vue-3

답변 3

0

보헤미안

저도 그렇게 판단하여 최신으로 설치후 강의때 버젼으로 package 재 설치후 진행했더니 빌드나 type check 쪽에서 에러가 나고 있습니다. 이 부분이 제가 위에 질문드린 nuxi 프로젝트 생성시 구조가 바뀌어서 에러가 나는거 같다고 질문을 드린 부분입니다. 혹시 강사님은 현재 nuxi 프로젝트 생성후 빌드나 typecheck 시 에러가 나시지 않으신가요???

0

짐코딩

저는 이슈가 없어서요. 혹시 깃헙 주소를 알려주실 수 있으세요? 제가 확인 후 회신드리겠습니다~!

0

보헤미안

npx nuxi@3.9.0 으로 설치를 해도 이상하게
{ "name": "nuxt-app", "private": true, "type": "module", "scripts": { "build": "nuxt build", "dev": "nuxt dev", "generate": "nuxt generate", "preview": "nuxt preview", "postinstall": "nuxt prepare" }, "dependencies": { "nuxt": "^3.13.0", "vue": "latest", "vue-router": "latest" } }
nuxt : 3.13으로 설치가 되고 있습니다.

0

짐코딩

nuxi 명령어로 프로젝트 초기화시 최신 nuxt 버전으로 생성되는 거 같아요.

특정 버전 설치 시 생성 후 package.json 을 수정하셔야 할 것 같습니다.

0

짐코딩

안녕하세요. 저도 이 부분을 시간을 내어 한번 더 살펴보았는데요.

Nuxt 최신 버전이 설치되는 이유는 Nuxi CLI가 Nuxt 버전을 관리하지 않고 항상 최신 버전을 설치하도록 설계되었기 때문으로 보입니다.

관련 내용 강의교안 및 강의설명에 포함하도록 하겠습니다. 좀 더 명확한 답변을 드리지 못한점 양해부탁드립니다.

https://gymcoding.notion.site/30d415c0729c4000960020f1f9007a76

 

1

보헤미안

추석기간에 확인해 주셔서 감사합니다 🙂

노션 설명보고 제가 한번 다시 해 보겠습니다.

0

짐코딩

안녕하세요

"latest"로 명시된 설치는 항상 최신 버전을 가져오게 됩니다. 그렇기 때문에 아래와 같은 문제가 발생할 수 있습니다.

  1. 비호환성 문제: Nuxt, Vue, Vue-Router의 최신 버전이 언제나 호환된다는 보장은 없습니다. 특정 버전에서 중요한 변경 사항이 발생하거나 Nuxt가 의존하는 특정 Vue 버전과 호환되지 않을 수 있습니다.

  2. 예상치 못한 버그: 새로운 버전이 출시될 때 아직 해결되지 않은 버그가 포함될 수 있습니다. 이를 미리 알 수 없으므로 최신 버전 사용 시 서비스가 불안정할 가능성이 있습니다.

따라서 버전을 명시하여 설치하는 것이 안정적인 배포 및 운영을 위해 더 나은 방법입니다.

 

  • Nuxt 버전에 대한 관련 라이브러리는 Nuxt github package.json 에서 확인하시면 됩니다.

  • npx nuxi@3.9.0 init <project-name> 이렇게 설치해 보시겠어요?

 

 

Nuxt 4 관련 강의 업데이트 계획이 있으실까요?

0

73

2

eslint 설정 관련 질문

0

81

1

vscode 자동 저장 시 탭 사이즈 조절 안되고 있습니다..

0

74

1

eslint 설정 오류 질문드립니다.

0

170

2

pageContainerStyle 이름을 찾을 수 없습니다 에러

0

54

1

npm create nuxt &lt;project-name&gt; 현재는 nuxi 로 프로젝트 생성하는 것이 권장으로 적혀있지 않는 것 같은데

0

129

2

타입체크 관련질문입니다.

1

216

1

eslint prettier 설정 오류

0

200

2

clearNuxtState() 사용 문의

0

99

1

nuxt 빌드 환경 질문드립니다!

0

363

2

피니아 persist 질문드립니다!

0

179

1

prefetching 질문

0

112

1

[nuxt] [request error] [unhandled] [500] __QUASAR_SSR_SERVER__ is not defined

0

290

4

사진 오류

0

105

1

@pinia/nuxt 버전이 0.9.0인 경우 @pinia-plugin-persistedstate/nuxt와 충돌

1

187

2

Nuxt3는 SSR인가요? USR인가요?

1

340

2

VSCode처럼 멀티 Title & Menu Bar로 개발할려면?

0

260

2

Course 데이터 가져오기에서 궁금한 점

1

209

2

웹 서버, WAS 그리고 api 서버 관련

0

400

2

$route 관련 에러

0

166

1

package.json 구성 관련 문의

0

196

1

코드에서 $i18n, $route 등 provide로 제공된 객체가 템플릿에서 붉은색으로 표시됩니다.

0

250

2

fetch와 axios에 대한 질문

0

180

1

교안에 있는 jsonwebtoken

0

203

1