vue项目启动报错（依赖）

已于 2025-05-21 08:53:04 修改
阅读量897 收藏 4
点赞数 7
CC 4.0 BY-SA版权
分类专栏： 开源 前端 文章标签： vue.js javascript 前端
于 2025-05-19 10:41:28 首次发布
宇
本文链接：https://blog.csdn.net/weixin_45853881/article/details/148057456

vue项目启动报错（依赖：vue-router）

一、问题

从vue2更换到vue3之后，需要将node进行版本升级，之后启动项目出现了下面的问题。

Uncaught Error: A route named “PageNotFound” has been added as a child of a route with the same name. Route names must be unique and a nested route cannot use the same name as an ancestor.

原因是由于项目中vue-router安装了4.5.0及以上版本导致（在pnpm-lock.yaml可以查看版本为4.5.1）。
在这里插入图片描述

^这个代表着安装4.3.0以后5以下的最新版本
在这里插入图片描述

二、解决

在package.json文件中进行修改
将"vue-router": "^4.3.0"中的^去除

修改前修改后
在这里插入图片描述在这里插入图片描述

然后在控制台执行pnpm install重新下载一遍即可,然后就可以发现版本修改成指定的了
在这里插入图片描述

启动项目，发现可以成功访问了

vue - 解决报错 Error: error:0308010C:digital envelope routines::unsupported（Vue项目启动或打包时提示错误，降低node版本没用）
高级前端工程师
01-02 1万+
vue2，vue3，Error: error:0308010C:digital envelope routines::unsupported报错，启动运行项目报错，项目打包编译发布报错，node降级了也没用，Vue 报错error:0308010C:digital envelope routines::unsupported，在项目打包的时候npm run build，控制台报错，web项目启动解决报错，最新详细解决办法，还是不行，npm run dev运行报错，vue 项目启动或打包时报错，降低到什么版本
vue3新创建项目启动报错，如何解决？
**My Coding Family**
01-16 1177
删除和，重新安装依赖。确保 Node.js 版本符合要求，建议使用 LTS 版本。尝试重新创建项目。查看具体的报错信息，定位问题。如果依然无法解决问题，提供具体的错误信息可能有助于进一步分析问题。希望如上措施及解决方案能够帮到有需要的你。PS：如若遇到采纳如下方案还是未解决的同学，希望不要抱怨&&急躁，毕竟影响因素众多，我写出来也是希望能够尽最大努力帮助到同类似问题的小伙伴，即把你未解决或者产生新Bug黏贴在评论区，我们大家一起来努力，一起帮你看看，可以不咯。
jeecg Uncaught Error: A route named “PageNotFound“ has been added as a child of a route with the sam
m0_55921724的博客
12-03 5643
Uncaught Error: A route named "PageNotFound" has been added as a child of a route with the sam
vue-router中警告Named Route ‘HomeDetails‘ has a default child route. 如何解决？
cxy_pan0913的博客
02-24 1213
解决方法如下图 ：
A route named “PageNotFound“ has been added as a child of a route with the name.
qq_38204247的博客
02-18 1422
这个代表着安装4以上5以下的最新版本 从pnpm-lock.yaml 中可以看到当前安装了最新的 4.6.0与我们的项目中的一些写法有冲突导致了报错.在package.json中固定vue-router版本号。由vue-router安装了4.5.0及以上版本导致。"vue-router": "4.2.4",即去除了^执行 pnmp install 重新安装依赖。然后删除 pnpm-lock.yaml。删除 node_module 文件夹。
警告：Named Route ‘Main‘ has a default child route. When navigating to this named route
m0_63775072的博客
07-11 2362
前言：正在敲一个项目，所遇到的警告问题嵌套路由警告：Named Route 'Main' has a default child route. When navigating to this named route (:to="{name: 'Main'"), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for
Uncaught Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered
weixin_59323766的博客
09-10 547
A is only ever to be used as the child of element, never rendered directly. Please wrap your in a
VUE 启动项目报错
lilyheart的博客
12-23 3107
因任务需求需要将原来的代码，复制一份改变端口号来和后端代码实现新需求，再将代码复制后，使用npm run dev启动项目报错了，npm install也不行。在网上搜了各种方法都不行，头大，简直是个玄学问题了。都快放弃了，有一篇文章来的真是及时，。。。附上链接https://www.jianshu.com/p/4427489f7e4e。 报错了，查看log中的提示，按照报错提示执行命令解决，...
Vue项目启动报错：Cannot find module 'semver'
祈澈菇凉
09-15 99
在启动vue项目的时候，会出现一个这样的报错： Cannot find module 'semver' 这个错误提示表明在项目中缺少 semver 模块。 semver 是一个用于处理版本号的 JavaScript 模块。 要解决这个问题，可以尝试以下几个步骤： 1：确保 semver 模块已经安装：在项目目录下，打开终端(命令行界面)并运行以下命令，确保 semver 模块已经正确安装...
vue3 vite ant desgin vue项目启动报错白屏computed is not a function
03-25
如果用户在使用Ant Design Vue的组件时，可能某些组件依赖computed，但项目中未正确导入，导致这个错误。另外，如果项目中存在版本不兼容的问题，比如Vue和Ant Design Vue版本不匹配，也可能导致API无法正确识别。 ...
vue-router 路由警告 Named Route 'Member' has a default child route
小马哥的天涯
04-30 2476
因为当某个路由有子级路由的时候，这时候父级路由需要一个默认的路由，所以父级路由不能定义name属性 解决办法是：即去除父级的name属性即可
解决[vue-router] Named Route ‘xxx‘ has a default child route. When navigating to this named route
qq_45955719的博客
06-18 1807
解决[vue-router] Named Route 'video' has a default child route. When navigating to this named route (:to="{name: 'video'}"), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for named l
路由同名报错：A route named “XXX,15392445455393“ has been added as a child of a route with the same name
weixin_44999830的博客
02-12 2448
【代码】路由同名报错：A route named “XXX,15392445455393“ has been added as a child of a route with the same name。
路由控制台警告Named Route ‘XXXX‘ has a default child route.
weixin_55639682的博客
12-28 2234
path: '/', name: 'layout', // 一级路由设置了name属性 component: () => import('@/views/layout'), children: [ { path: '', // 子路由为默认路由 name: 'home', component: () => import('@/views/home') }, ...
Vue路由嵌套控制台发出警告Named Route ‘Home‘ has a default child route. When navigating to this named route (:to
weixin_49154644的博客
12-19 816
当某个路由有子级路由时，父级路由需要一个默认的路由，因此父级路由不能定义name属性，去掉父级路由的name属性即可。
记录 vue3 + vite5 项目的依赖冲突解决
最新发布
weixin_43844548的博客
04-08 376
Vue3 + Vite5 出现PageNotFound异常
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值