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重新下载一遍即可,然后就可以发现版本修改成指定的了

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