Nested 방식을 쓰고있는데

작성한 질문수 1

1

감사합니다. 해결 했습니다 ㅜㅜ

0

안녕하세요 :)

1) 개발자도구 콘솔 에러 확인 가능할까요?

2) 에러가 없다면 src/views/nested/NestedView.vue
페이지 컴포넌트에 <RouterView /> 컴포넌트 설정을 하셨을까요?

// src/views/nested/NestedView.vue
<template>
	<div>
		<ul class="nav nav-pills">
			<li class="nav-item">
				<RouterLink
					class="nav-link"
					active-class="active"
					:to="{ name: 'NestedOne', replace: true }"
				>
					Nested One
				</RouterLink>
			</li>
			<li class="nav-item">
				<RouterLink
					class="nav-link"
					active-class="active"
					:to="{ name: 'NestedTwo', replace: true }"
				>
					Nested Two
				</RouterLink>
			</li>
		</ul>
		<hr class="my-4" />
		<RouterView></RouterView>
	</div>
</template>

3) 그래도 해결이 안된다면 강의 소스와 한번 비교해 보시겠어요?

https://github.com/gymcoding/vue3-posts/tree/4_404_nested_routes

감사합니다 :)