vite项目npm run serve启动报错Cannot GET /（vue3）

最新推荐文章于 2024-03-27 21:24:14 发布

Cc_Debugger

最新推荐文章于 2024-03-27 21:24:14 发布

阅读量1.3k

点赞数 3

分类专栏： vite 文章标签： npm 前端 vue.js

本文链接：https://blog.csdn.net/Xiang_Gong_Ya_/article/details/128247272

版权

vite 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在这里插入图片描述

package.json 文件中的 scripts，运行 npm run serve 执行的是 vite preview.

"scripts": {
 "dev": "vite",
 "build": "vite build",
 "serve": "vite preview"

vite preview 只是帮我们开启了一个静态 Web 服务器，没有构建项目。

先运行 npm run build 后生成dist包后

再运行 npm run serve 就ok了

优惠劵

Cc_Debugger

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vite项目npm run serve启动报错Cannot GET /（vue3）

【代码】vite项目npm run serve启动报错Cannot GET /（vue3）
复制链接

扫一扫

专栏目录

vue项目启动出现cannot GET /服务错误的解决方法

11-21

上午做了项目，中午吃完饭后回来再跑一次服务器，出现 Cannot GET/：控制台中并没有报错；npm run dev命令行窗口也没有报错。原因在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同… 于是把能改的地方都改了…（基本上相当于将配置信息改回来）关闭 history 模式关闭history模式，用/#/路由的方式开启，（history模式要跑在服务端里面）；更改端口号更改端口号（没改的话打开原端口号自动加上登陆次数）在 webpack.base.conf.js 配置信息里面，把自己改动的部分先注释掉再重新跑一下服务，在

Vite介绍和原理解析

qq_34703156的博客

08-16

5239

Vite号称是下一代的前端开发和构建工具，目前已经在前端社区里逐步开始流行起来了。它采用了全新的unbundle思想来提升整体的前端开发体验。比起传统的webpack构建，在性能速度上都有了质的提高。那么接下来这篇文章，将主要介绍其使用方法和工作原理。是什么 Vite名字来源于法语, 意思为rapid，quickly。正好反映了其核心卖点——"快速"。在整体功能上实现了类似于预配置的webpack加dev server的功能，用于提高前端项目的整体构建速度。根据测试，服务器启动速度和HMR基...

参与评论您还未登录，请先登录后发表或查看评论

使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误

m0_46829545的博客

05-20

2101

使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误

# Vite项目启动服务器时报错 Error: Cannot find module @rollup/rollup-win32-x64-msvc.(三种方法解决)

热门推荐

似水流年

10-15

3万+

1.没有报错，页面显示cannot GET,经过排查发现config/index.js里的dev做了改动。他想实现pc和移动端跳转，所以修改assetsPublicPath: '/m/'。在移动端访问直接走'/m/#'。直接npm run dev跑不起来，需要改成assetsPublicPath: '/'就好了。 2.报错node出现 Error: listen EACCES 0.0....

Vite执行npm run serve后浏览器报Cannot GET /

Admans的专栏

08-20

704

原文：https://blog.csdn.net/qq_41664096/article/details/121312823。在执行后并未发现异常，但在浏览器访问时，显示 Cannot GET /，说是找不到。实际上只是帮我们开启了一个静态 Web 服务器，并没有构建项目。查看了 package.json 文件中的 scripts，运行。在网上查找解决方案，发现并没有结果。版权声明：本文为作者原创文章，转载请附上博文链接！在使用 Vite 时，想像以前执行。一样，查看生产环境的应用。最后通过官方文档发现，

Vue项目中出现cannot get/的解决办法

林中明月间丶

01-08

8514

https://blog.csdn.net/tiantiandashi/article/details/81366315 听说是要重装安装request模块，执行： npm remove request npm install requset 搞定！感动天感动地。 npm run dev，去浪~ ...

Vue项目启动提示Cannot GET /

weixin_42486438的博客

09-09

9791

1、初始化Vue框架，配置路由启动项目，控制台中并没有报错；npm run dev命令行窗口也没有报错，页面打开却提示Cannot GET / 2、网上查了下资料，有这几种解决方案： 1）、打包的时候会把config文件夹下的assetsPublicPath改成了 "./“ ，再次编译npm run dev却没有改回来，去掉 . 改回来就可以 2）、注释掉路由router文件夹下index.js的history模式 3）、把项目重新npm i...

jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn

04-13

官网直接安装的不支持vite2/3+vue2的主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，支持windows，macos跟linux。下面说下安装步骤： 1.在项目更目录中安装，执行npm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可调用方法，请参考官网文档http://datav.jiaminghi.com/ npm下也可以通过patch-package库包自行定制补丁，下载npm install时就不用手动复制了，大家可以自己研究下的。

jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn

03-20

官网直接安装的不支持vite2+vue3的主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。下面说下安装步骤： 1.在项目更目录中安装，执行npm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可调用方法，请参考官网文档http://datav.jiaminghi.com/

vue3框架学习

weixin_54179751的博客

09-03

vscode 要运行项目的时候在内置终端先输入cd+项目名，再输入npm run serve input按钮等框的尺寸怎么设置，直接size报错 ref、响应式等是什么意思？进度太慢了 hbuilderx 啦啦啦 vue

10 分钟搞懂 Vite devServer，速来围观

油墨香^-^的博客

03-07

3417

这就有了 cli 里的创建 server方法啦~ 总结一下：本文从初始第一步的 cli 命令开始来引入，vite 命令做了什么，然后引导大家找到 createServer 的入口。其次，我们深入探究 createServer 需要的"五脏十五腑",有 websocketServer,fsWatcher,moduleGraph 等 5 个模块来支撑需要的零件，根据 15 个中间件的分工来串联整个加工流程，最终打磨出我们的 devServer。

vue项目启动报Cannot Get/问题

神秘人

03-30

912

前言新搭的前端omo框架，我发现竟然没有连接后端的地址，后来我就加上了，并把安装了axios。但是麻烦来了，最后报了一个这样的错：对于问题的排查之路首先记录下，我遇到这个问题的心里历程吧，方便小伙伴们做借鉴，也记录我的成长历程。状态就是，瞬间慌，也特别懊悔怎么就把代码提交上去了。赶紧通知了同事们先别拉代码，之后我赶紧解决这个问题。排查思路：首先是把错误源头定位到了路由配置问题，结果发现怎么改都不对（注意这个时候我已经是很慌了的，我没有了逻辑分析，紧张过后我发现我还是没改掉平时的遇

Vite执行yarn preview页面空白报Cannot GET /

Anyuegogogo的博客

10-11

1663

因为我是直接 yarn preview 预览的，后面才知道，vite preview 实际上只是帮我们开启了一个静态 Web 服务器，并没有构建项目。需要先运行 yarn build 后，再运行 yarn preview。

vue 项目启动报错“Cannot GET /”

ansheng02的博客

05-12

1136

npm run dev报错code elifecycle vite-vue2-js-starter

04-30

npm run dev报错code elifecycle vite-vue2-js-starter可能是由于项目中使用的Vite和Vue版本不兼容导致的。解决方法如下： 1. 首先检查package.json文件中的依赖版本是否正确，特别是Vite和Vue的版本号是否匹配。 2. 如果版本号匹配，可以尝试更新Vite和Vue版本，重新安装依赖，再次运行npm run dev。 3. 如果仍然遇到问题，可以尝试清除npm缓存，重新安装依赖，再次运行npm run dev。 4. 如果以上方法仍然无法解决问题，可以查看报错信息中的具体内容，检查代码是否存在逻辑错误或语法错误。总之，解决npm run dev报错code elifecycle vite-vue2-js-starter的方法可能有多种，但是需要根据具体情况调试，从而找到最佳的解决方案。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交