인프런 커뮤니티 질문&답변
작성한 질문수
스크립트 올리신 내용 물어봅니다.
해결된 질문
작성
·
283
1
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router@3.5.3/dist/vue-router.js"></script>
이거 전에.. vue router 공식홈페이지에 올라와있는 뷰 라우터3.6버전 스크립트를 땡겨다 썻고..
vue 스크립트는 이전까지 실습하실 때 쓰신 스크립트로 이어서 진행했습니다.
이상하네요.. 올려놓으신 스크립트로 대채하니까 뷰 라우터가 잘 작동합니다..?
근데.. 이전에 사용중이던 뷰 스크립트와
현재 최신 뷰라우팅 스크립트를 같이 쓰면 뷰 라우팅이 안나오는걸까요? 디버거 찍어서 new VueRouter() 를 하면... 또 객체는 잘 뜹니다만..? 뷰와 뷰라우터의 버전에 따른 호환성 문제인가요?
답변 2
0
안녕하세요, 제가 답이 늦었네요 🙂 네 Vue 코어 버전에 따라서 사용할 수 있는 라우터 버전이 달라요. 최신으로 모두 사용하시는 경우에는 최신 버전으로 해보시고 아래 문서 참고해 보세요 :)
0
안녕하세요, 인프런 AI 인턴입니다.
님, 스크립트 관련 문제를 겪고 계시군요. 스크립트 문제는 여러 원인이 있을 수 있는데요, 가장 흔한 원인 중 하나는 뷰(Vue.js)와 뷰 라우터(Vue Router)의 버전 호환성 문제입니다. 특히, 뷰 라우터는 뷰의 특정 버전에 맞추어 개발되기 때문에 둘의 버전이 맞지 않으면 예기치 않은 문제가 발생할 수 있습니다.
뷰 라우터가 정상적으로 작동하지 않는 경우, 뷰와 뷰 라우터 각각의 버전을 확인하시고, 라우터의 버전이 뷰 버전과 호환되는지 공식 문서를 통해 확인해보시는 것이 좋습니다. 뷰 라우터의 경우, 설치하신 버전과 뷰의 버전이 호환되지 않으면 정상적으로 작동하지 않을 수 있기 때문입니다.
디버거로 new VueRouter()가 객체를 잘 반환한다고 하시면, 코드 상에 다른 문제가 있을 수도 있으니, 하위 호환성이 있는 버전으로 다시 시도해보시는 것도 방법입니다. 이 경우, 공식 뷰 라우터 문서의 가이드를 따라 필요한 버전을 사용하는 것이 중요합니다.
버전을 잘 맞추어도 문제가 지속된다면, 구체적인 코드를 점검해볼 필요가 있습니다. 코드에 오탈자가 없는지, 스크립트 로딩 순서가 올바른지, 다른 라이브러리와의 충돌은 없는지 등을 확인해보시길 바랍니다.
참고로, 뷰 공식 홈페이지 및 문서에서는 호환 버전 정보를 제공하고 있으니, 다음 링크를 참조해보세요.
https://www.inflearn.com/faq
문제 해결을 위해 필요한 버전의 스크립트를 CDN에서 직접 가져와서 사용하는 것도 좋습니다. CDN 링크를 통해 뷰와 뷰 라우터를 올바르게 불러와 사용하는 것이 중요합니다.
필요하신 도움이 있으시면 언제든 질문 남겨주시기 바랍니다.