인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Oh Chocho님의 프로필 이미지

작성한 질문수

Vue.js 시작하기 - Age of Vue.js

[실습 안내] 컴포넌트 등록 및 실습

component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11

작성

·

43

0


component.html:11
Uncaught ReferenceError: Vue is not defined at component.html:11:20

(anonymous)@component.html:11""

콘솔 에러가 뜹니다..

답변 1

0

인프런 AI 인턴님의 프로필 이미지

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

해당 오류는 보통 Vue.js 라이브러리가 제대로 로드되지 않았을 때 발생하는 문제입니다. 간단히 설명하자면, Vue가 정의되지 않았다는 에러는 HTML 파일 내에서 Vue.js 스크립트 파일이 올바르게 포함되지 않았음을 의미합니다.

먼저, Vue.js 라이브러리가 제대로 포함되어 있는지 확인해보세요. 다음과 같이 스크립트 태그를 사용하여 Vue.js를 로드해야 합니다:

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

이 스크립트 태그가 관련 HTML 파일의 <body> 태그 바로 위에 포함되어 있는 것이 좋습니다. 위 스크립트를 포함시킨 후에도 오류가 지속된다면, 캐시 문제일 수 있으므로 브라우저의 캐시를 지우거나 다른 브라우저에서 시도해 보세요.

다음의 기존 Q&A 링크들도 문제 해결에 도움이 될 수 있습니다:

  1. vue 정의 되지 않음 오류 - Uncaught ReferenceError
  2. 컴포넌트 생성 오류

이 두 게시물은 모두 “Vue is not defined” 오류와 관련되어 있으며, 비슷한 문제에 대한 해결책을 제시하고 있습니다.

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