-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
<RouterView> 클릭시 에러발생 합니다.
22.02.10 16:57 작성 조회수 142
1
<Root> 하위 <RouterView> 을 클릭하면 아래와 같이 에러가 발생합니다.
답변을 작성해보세요.
1
유정우
질문자2022.02.11
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<div>
<router-link to="/login">login</router-link>
<router-link to="/main">main</router-link>
</div>
<router-view></router-view>
</div>
<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>
<script>
var LoginComponent = {
template: '<div>login</div>'
}
var MainComponent = {
template: '<div>main</div>'
}
var router = new VueRouter({
//페이지의 라우팅 정보
routes: [
{
//페이지의 url
path: '/login',
//해당 url에서 표시될 컴포넌트
component: LoginComponent
},
{
path: '/main',
component: MainComponent
}
]
});
new Vue({
el: '#app',
router: router
});
</script>
</body>
</html>
장기효(캡틴판교)
지식공유자2022.02.12
정우님, 해당 코드로 로컬에서 다시 확인해 봤는데 위 에러 메시지는 발생하지 않네요.. 뷰 개발자 도구는 어떤거 사용하고 계시나요? 뷰 개발자 도구 쪽도 스크린 샷 찍어서 올려주시겠어요?
0
장기효(캡틴판교)
지식공유자2022.02.10
안녕하세요 정우님, 해당 에러는 뷰 개발자 도구에서 나는 에러 같은데요. 작성하신 코드와 라이브러리 버전을 첨부해 주실 수 있으실까요? :)
답변 2