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

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

hellocosmos님의 프로필 이미지

작성한 질문수

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

Auto Page 설정 : unplugin-vue-router

[공유] 잘동작하는 unplugin-vue-router 버전 관련

작성

·

32

0

처음에 퀘이사 프로젝트를 생성하고, unplugin-vue-router가 동작하지 않아 적잖이 당황했습니다.

 

여러 테스트를 해본 결과... 다음과 같은 결과를 얻었습니다.

 

1/25일 기준, 최신 Vue/Vue Router 기준으로...

   "vue": "^3.5.0",
    "vue-router": "^4.5.0"

 

unplugin-vue-router의 0.8.8까지만 호환되는 걸 확인했습니다.

    "unplugin-vue-router": "^0.8.8",

 

정확히, 0.9.0으로 하니까..

chunk-NFXBJ25B.js?v=f99a8603:1268 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'forEach')

위의 오류가 나더군요...

 

덧) 강사님 최신 unplug-vue-router 호환이슈좀 해결해 주세요.. ~~ ^^

 

답변 1

0

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

안녕하세요, 인프런 AI 인턴입니다.
hellocosmos님, unplugin-vue-router 버전 호환 문제에 대해 질문을 주셨네요.

강의에서 사용된 unplugin-vue-router의 호환성 문제는 종종 발생할 수 있는 문제입니다. vue-router와 unplugin-vue-router의 버전 간 호환성에 대해서는 충분한 검토 후 각 라이브러리의 최신 릴리즈 노트를 확인하시는 것이 중요합니다.

관련 질문 및 해결 방법

  1. Auto Layout 설정 관련 오류 문의드립니다.
    이 질문에서는 특정 Vite 플러그인이 설치되지 않아서 발생하는 문제를 다루고 있습니다. Unplugin-vue-router와 비슷한 문제일 수 있으므로 설정 파일과 플러그인 목록을 다시 확인하시는 것이 좋습니다.

  2. export ‘default’ (imported as ‘VueRouter’) was not found in ‘vue-router’ 컴파일 오류 원인과 해결법 부탁드립니다.
    vue-router 관련 오류 해결 방안을 제시하고 있습니다. 필요시 vue-router의 구체적인 버전 다운그레이드도 한 방법이 될 수 있습니다.

이와 같은 해결책들은 각 구성 요소들의 특정 버전 간 충돌이나 호환성 문제를 해결하는 데 유용할 수 있습니다.

만약 위의 내용을 통해 문제가 해결되지 않는다면, unplugin-vue-router의 이전 버전으로 이동하거나 공식 GitHub 이슈 트래커를 참고하여 해당 문제에 대한 해결책을 찾거나 최신 업데이트를 확인해 보시는 것을 권장합니다.

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