美文网首页
vite构建vue3.0项目,启动之后报错404Not Foun

vite构建vue3.0项目,启动之后报错404Not Foun

作者: shupingWei | 来源:发表于2020-10-13 14:14 被阅读0次

背景:
随着技术发展的日新月异,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

相关文章

网友评论

      本文标题:vite构建vue3.0项目,启动之后报错404Not Foun

      本文链接:https://www.haomeiwen.com/subject/uwsvpktx.html