vite构建vue3.0项目，启动之后报错404Not Foun
2020-10-13 本文已影响0人
shupingWei
背景：
随着技术发展的日新月异，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 <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
结果却是：
image.png
找不到页面，调试了很久，试了很多方法也不成功。所以选择方案2；
方案2：
vue create vue3-test
注意有以下选项，选择圈红的这一条。
image.png
运行项目
npm run serve
书写代码
image.png
运行结果
image.png
