错误的代码

<template>
  <img alt="Vue logo" src="./assets/logo.png" />
  <HelloWorld msg="Hello Vue 3 + Vite" />
  <router-view />
</template>

<script setup>
import HelloWorld from './components/HelloWorld.vue'
export default {
  name: "App",
  };
// This starter template is using Vue 3 experimental <script setup> SFCs
// Check out https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md
</script>

在App.vue里，替换，不是新建一个router-view的vue文件，或组件。

老师正确的代码

<template>
  <router-view></router-view>
</template>

<script>
export default {
  name: 'App'
}
</script>

是应该替换app.vue里的内容，我今天新建了一个。之前弄出来过，今天晕头了，重新建了一个。我是晕死了吗，陷入到字面意思中去了。
“紧接着在 App.vue 文件下添加 router-view 组件，渲染路由匹配到的页面组件：”
这句话，精力不佳精神不好的时候，很容易看成再下面重建，而不是替换里头的内容，有天精神好，就做对了，就意会对了，精神不好，照抄的时候，就错了。
还有一个是这两天多学了点，学了组件，学得有不通，就以为要建个组件，一度还在component里建。
本来准备多做点啥的，又误一天了，一共误了三天还是两天？

再看看这个结构。