inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

지금 당장 데브옵스 AWS

크롬 브라우저

VueJS 에서 (7) npm run serve 라고 치면 Error가 떠요

1785

창훈

작성한 질문수 5

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

터미널창에

User@DESKTOP-RE18OV4 MINGW64 ~/Desktop/saju/saju-frontend-vuejs

$ npm run serve

> saju-frontend-vuejs@0.1.0 serve

> vue-cli-service serve

INFO Starting development server...

98% after emitting CopyPlugin

ERROR Failed to compile with 1 error 오전 12:13:47

Syntax Error: TypeError: Cannot read properties of undefined (reading 'parseComponent')

You may use special comments to disable some warnings.

Use // eslint-disable-next-line to ignore the next line.

Use /* eslint-disable */ to ignore all warnings in a file.

계속 이렇게 떠서 그냥 넘어가서 다음 과정인 크롬에 http://localhost:8080/ 을 입력하면

Failed to compile.

./src/App.vue Module Error (from ./node_modules/vue-loader/lib/index.js): Vue packages version mismatch: - vue@2.7.10 (C:\Users\User\Desktop\saju\saju-frontend-vuejs\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.6.11 (C:\Users\User\Desktop\saju\saju-frontend-vuejs\node_modules\vue-template-compiler\package.json) This may cause things to work incorrectly. Make sure to use the same version for both. If you are using vue-loader@>=10.0, simply update vue-template-compiler. If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

이렇게 떠요ㅠㅠ 뭐가 문제인가요??

aws

답변 1

1

지금 당장

안녕하세요.

vuejs 버전 문제가 있었습니다.

아래 내용으로 구글에서 검색 후 스택오버플로우에서 해결책을 찾았습니다.

Syntax Error: TypeError: Cannot read properties of undefined (reading 'parseComponent')

https://stackoverflow.com/questions/59867434/every-vue-component-returning-cannot-read-property-parsecomponent-of-undefined

 

해결책

  1. node_modules 폴더를 삭제합니다.

  2. package.json 에서 변경이 필요합니다.

"vue-template-compiler": "2.6.11" (변경 전 ^2.6.11)

"vue": "2.6.11" (변경 전 ^2.6.11)

3. npm install 이후 npm run serve

 

현재 github에는 수정된 코드로 변경하였습니다.

앞으로 더 꼼꼼히 검토 하겠습니다. 감사합니다.

aws build 할때

0

301

1

frontend 배포 보안

0

542

3

frontend code pipeline

0

276

1

Front CloudFront

0

272

2

s3 배포

0

378

2

대상 그룹 생성

0

197

1

front end 배포

0

240

1

Backend 로드밸런싱

0

439

2

Frontend 로드밸런싱

0

333

2

프론트엔드빌드

0

235

2

RDS 셋팅

0

245

2

rds 스케일업

0

311

1

스케일아웃, 스케일 인

0

356

3

운영 DB 연결 테스트 (npm run start) 에러

0

236

1

1-4) 운영 DB 연결 테스트 에서 rds 연결에러

0

688

1

ecs 에서 아래와 같은 에러가 발생합니다.

0

390

1

Health Check 시간

1

416

1

Aurora 대신 DynamoDB를 사용해도 되는지요?

0

347

1

AWS riuter 53

0

279

1

(3) 백엔드 production 버전으로 실행 "npm run start" 실행 시 에러 메제시

0

561

3

npm install , npm run serve 실행시 에러메세지

0

3197

1

3-3) 대상 그룹 생성 관련 문의

0

406

1

3-6 ecs 클러스터 생성 시

0

407

1

서비스 생성시 시크릿메니저 접근 오류

0

849

2