inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

프로젝트 구성 - ✅ 설명란 참고해주세요!

npm run build error

904

보헤미안

작성한 질문수 5

0

안녕하세요

extends 강의에서는 viola를 사용하라고 했으나 공식문서 내용에는 office-vue를 사용하라고 해서 설치후 강의를 보며 진행하던중 npm run build 명령어 실행시 아래와 같은 에레를 확인하게 되었습니다.

=======================================

Nuxt Build Error: Cannot find module 'vue-tsc/out/index'

Require stack:

- /workspace/nuxt/learn-nuxt-3/node_modules/vite-plugin-checker/dist/esm/checkers/vueTsc/prepareVueTsc.js

======================================

현재 package.json 은 아래와 같습니다.{ "name": "nuxt-app", "private": true, "type": "module", "scripts": { "build": "nuxi build", "dev": "nuxi dev", "generate": "nuxi generate", "preview": "nuxi preview", "postinstall": "nuxi prepare" }, "dependencies": { "nuxt": "^3.10.3", "vue": "^3.4.21", "vue-router": "^4.3.0" }, "devDependencies": { "typescipt": "^1.0.0", "vue-tsc": "^2.0.6" } }

=======================================

nuxt.config.ts

======================================

default defineNuxtConfig({ devtools: { enabled: true }, typescript: { // shim: false, typeCheck: true, }, });

======================================

빌드시점에 index 파일을 만들지 못하는거 같은데 이문제를 해결하려면 어떻게 해야할까요??

vue.js nuxt.js pinia vue-3

답변 2

0

짐코딩

안녕하세요 🙂

두 가지로 답변 드리도록하겠습니다.

  1. Volar deprecated

우선 공식문서에서 권장하는 Vue 확장 프로그램이 변경되었습니다 🙂 해당 관련해서 강의교안에 기재했으니 확인해주시면 될 거 같아요 💪

강의교안 : https://gymcoding.notion.site/e78c46d76947414cba3aa29647e4bfaa

  1. Nuxt Build error

해당 이슈는 라이브러리 버전이슈같아요. 우리는 배움에 목적이 있으니 강의때과 같은 버전을 사용하시는 것을 권장드립니다. (강의를 더 수강하시다보면 해당 이슈에 대해 언급하고 있어요 🙂)

1) package.json 의 모듈을 강의버전과 동일하게 설정합니다.

2) package-lock.json 파일 제거, node_modules 디렉토리 제거

3) npm install 명령어로 의존성 모듈 설치

4) npm run dev 서버 실행

프로젝트 구성 회차 시점의 package.json 파일은 아래와 같습니다. 소스 보는법은 오리엔테이션 영상을 확인해주세요 💪

https://github.com/gymcoding/learn-nuxt-3/blob/a9678023dacbd137c7591936ee262b4ef4d6b2f4/package.json

0

보헤미안

내용을 알아보니 버전관련 문제인거 같습니다.

https://github.com/vuejs/language-tools/issues/3969

링크에 보다 상세한 내용이 있고 요점은

vue-tsc 버전을 2.0.6 에서 1.8.22 로 다운그레이드 했더니

정상적으로 작동 하는걸 확인했습니다.

저와 같은 문제를 겪으시는 분이 있다면 참고하시면 될듯 하고

혹시라도 위의 해결 방식이 잘못된 방식이라면 누구든지 댓글 부탁드립니다.

영상을 좀더 보니 다 지적해 주는 문제네요 영상을 중간에 멈추고 바로 실습을 해서...삽질을 한 부분이어서 씁쓸하군요...ㅡㅜ

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

0

73

2

eslint 설정 관련 질문

0

81

1

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

0

74

1

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

0

170

2

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

0

54

1

npm create nuxt <project-name> 현재는 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

프로젝트 생성

0

336

3

웹 서버, 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