vite构建vue3.0项目，启动之后报错404Not Found解决方案

背景：
随着技术发展的日新月异，vue3.0都发版了，市面上都开始涌现新的组件库，难道还不上手写vue3.0吗

方案1：

跟着官方文档的安装操作一番

npm install vue@next
npm install -g @vue/cli
// 可能会提示node版本落后，我就 nvm use 12.18.3升了级。之前是8.9.4

查看vue -V （我给vue/cli从最新版本降级到了4.5.4）

image.png

使用vite创建项目，继续安装并运行

npm install -g create-vite-app 
 npm init vite-app 
$ cd 
$ npm install
$ npm run dev

结果却是：

image.png

找不到页面，调试了很久，试了很多方法也不成功。所以选择方案2；

方案2：

vue create vue3-test

注意有以下选项，选择圈红的这一条。

image.png

运行项目

npm run serve

书写代码

image.png

运行结果

image.png