⚠️Error in render: "TypeError: Cannot read properties of undefined (reading 'matched')

들어가며

vue 공부를 친구와 같이하는데, 친구도 똑같이 router를 npm으로 설치하고 쓰려는데,
두둥... 에러가났다. 다 똑같이 했는데,,, 뭐 때문이지 하면서 알아봤는데..
여기서? 오류가 발생한다고? 싶었던거라 기록하려한다.

발생 이유

main.js에서 router를 불러올 때, 글자 그대로 명시하지 않았을 경우

🔨 해결 방법

new Vue로 생성할때, router관한 key와 value를 똑같이해주지 않는다면 발생한다.

친구의 경우는 앞에 대문자로 Router로 명시해서 에러가 발생했다.

1. router로 똑같이해주기

import router from './router'
new Vue({
  render: h => h(App),
  router,
}).$mount('#app')

2. router:

import Router from './router'
new Vue({
  render: h => h(App),
  router: Router,
}).$mount('#app')

참고사이트

• https://wotres.tistory.com/entry/vue-error-%ED%95%B4%EA%B2%B0%EB%B2%95-Error-in-render-TypeError-Cannot-read-property-matched-of-undefined