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

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.dtcms.com/a/200363.html

相关文章:

  • 从代码学习深度学习 - 用于预训练词嵌入的数据集 PyTorch版
  • docker默认存储迁移
  • 【Nuxt3】安装 Naive UI 按需自动引入组件
  • 【QT】一个界面中嵌入其它界面(一)
  • PyQt5绘图全攻略:QPainter、QPen、QBrush与QPixmap详解
  • 第十六届蓝桥杯复盘
  • P2P最佳网络类型
  • Fiddler无法抓包的问题分析
  • C语言学习笔记之条件编译
  • # idea 中如何将 java 项目打包成 jar 包?
  • 国家互联网信息办公室关于发布第十一批深度合成服务算法备案信息的公告
  • [架构之美]从PDMan一键生成数据库设计文档:Word导出全流程详解(二十)
  • GO语言学习(五)
  • vue3自适应高度超出折叠功能
  • 【操作系统面经】持续更新ing
  • FART 主动调用组件设计和源码分析
  • 程序化 SEO 全攻略:如何高效提升网站排名?
  • Linux 文件(2)
  • 电子电路:什么是静态工作点Q点?
  • 【QT】QT6添加现有.c .h文件
  • QT之绘图模块和双缓冲技术
  • CVE-2015-4553 Dedecms远程写文件
  • 光子神经网络加速器编程范式研究:光子矩阵乘法的误差传播模型构建
  • 力扣HOT100之二叉树:199. 二叉树的右视图
  • Fabric初体验(踩坑笔记)
  • 【盈达科技】AICC™系统:重新定义生成式AI时代的内容竞争力
  • 晶圆Map图芯片选择显示示例
  • 在Cursor中启用WebStorm/IntelliJ风格快捷键
  • v解锁健康密码:现代养生新主张
  • Scala:size 和 length 的区别