yarn + vite + element-plus搭建vue项目遇到的问题

从vue3的官网中看到我们可以使用vue-cli搭建项目，也可以使用vite搭建项目 ，因为vite执行的速度会相对来说快了一点 所以这里我们说一下使用vite搭建项目以及遇到的一些问题

第一步创建项目

创建项目的命令

 yarn create vite-app vite-demo

创建完成后可看到项目文件夹解构如下

可以看到里面没有vue的路由 当然官网给我们了一个制作一个简单的路由跳转的方法，这个可以官网自行参考 我们这里使用vue-router

安装vue-router

安装命令

yarn add vue-router@4 --save

使用
在项目文件中创建router文件夹 并在文件夹中创建index.js文件 代码如下

import { createRouter, createWebHashHistory }  from 'vue-router'
// console.log(createRouter);
import Home from '../views/Home.vue' 
const routes = [
    { path: '/', component: Home },
]
  
  // 3. 创建路由实例并传递 `routes` 配置
  // 你可以在这里输入更多的配置，但我们在这里
  // 暂时保持简单
const router = createRouter({
    //