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 <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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容