当前位置: 首页 > article >正文

vue项目启动报错

vue项目启动报错

  • 一、问题
  • 二、解决

一、问题

从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重新下载一遍即可,然后就可以发现版本修改成指定的了
在这里插入图片描述

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

http://www.lryc.cn/news/2380120.html

相关文章:

  • 项目删除了,为什么vscode中的git还是存在未提交记录,应该怎么删除掉
  • 免费私有化部署! PawSQL社区版,超越EverSQL的企业级SQL优化工具面向个人开发者开放使用了
  • SecureCRT 使用指南:安装、设置与高效操作
  • Tomcat多应用部署与静态资源路径问题全解指南
  • web常见的攻击方式
  • 【微信小程序 + 高德地图API 】键入关键字搜索地址,获取经纬度等
  • java中如何优雅处理多租户系统的查询?
  • 排序算法之线性时间排序:计数排序,基数排序,桶排序详解
  • Linux | mdadm 创建软 RAID
  • 物联网工程毕业设计课题实践指南
  • CodeEdit:macOS上一款可以让Xcode退休的IDE
  • LLaMA-Factory 微调 Qwen2-7B-Instruct
  • mac本地docker镜像上传指定虚拟机
  • 从代码学习深度学习 - 风格迁移 PyTorch版
  • 软件设计师考试《综合知识》设计模式之——工厂模式与抽象工厂模式考点分析
  • 轻量级离线版二维码工具的技术分析与开发指南
  • 中级网络工程师知识点4
  • 机器学习--特征工程具体案例
  • LeetCode 每日一题 2025/5/12-2025/5/18
  • Unreal 从入门到精通之SceneCaptureComponent2D实现UI层3D物体360°预览
  • 电机控制杂谈(25)——为什么对于一般PMSM系统而言相电流五、七次谐波电流会比较大?
  • 多模态大语言模型arxiv论文略读(七十八)
  • 项目中把webpack 打包改为vite 打包
  • 【C语言】易错题 经典题型
  • 哈夫曼编码:数据压缩的优雅艺术
  • 说一说Node.js高性能开发中的I/O操作
  • 扫描网络内所有设备的IP地址
  • web3 前端常见错误类型以及错误捕获处理
  • 应用层协议简介:以 HTTP 和 MQTT 为例
  • LeetCode 39. 组合总和 LeetCode 40.组合总和II LeetCode 131.分割回文串