解决vue3 router配置有关parent报null 的错误问题

最新推荐文章于 2024-05-29 10:08:42 发布
最新推荐文章于 2024-05-29 10:08:42 发布
阅读量445 收藏
点赞数
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61230908/article/details/133744828
版权

今天在构建项目的时候的问题，在使用vue create 成功构建项目后使用的 使用的vue-router 报了新的问题：Uncaught TypeError: Cannot read properties of null (reading 'parent') 经过查找发现并没有问题，搜索了许多也没有发现好的解决方案，最后偶然发现package.json中并没有安装上router的依赖 重新安装下路由就可以 

npm install vue-router@4

如果此方法不生效可以尝试在创建项目的时候就勾选router 的插件之后直接使用的vue add router 进行router的项目创建

A.阿瑞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
vue3路由，vue-router4，动态添加路由不生效的问题
bittingCat的博客
10-21 9169
项目场景： 在vue3.0中，做了个动态添加权限路由的功能，可是死活不行 问题描述： 使用router.addRoute添加好路由之后，输入路由地址死活访问不了，提示没有匹配到这个路由 但是把路由实例（router.getRoutes()）打出来却又显示已经有，已经添加上去了，最后还怀疑是不是router4当中新特征，只能一个个添加，当添加子路由的时候还要多传一个父路由的name，最后也用递归去做了，但还是照样不行,也试过很多种方式，也检查过路由的各项字段，也没出错，还怀疑是引入组件的方式不正确。百思不得
解决vue-router中的query动态传参问题
08-27
下面小编就为大家分享一篇解决vue-router中的query动态传参问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue-router 嵌套路由没反应的问题
10-14
主要介绍了解决vue-router 嵌套路由没反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决VUE-Router 同一页面第二次进入不刷新的问题
10-15
主要介绍了解决VUE-Router 同一页面第二次进入不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 3.0 keep-alive 失效 报错 Cannot read properties of null (reading ‘parentNode‘)
susanliy的博客
12-07 5601
版本： vue “3.2.4” vue-loader “16.4.1” vue-router “4.0.11” <router-view v-slot="{ Component }"> <keep-alive> <suspense timeout="0"> <template #default> <component :is="Component" />
vue中集成jsplumb报错`Cannot read property ‘parentNode‘ of null`，且无法渲染连线的问题
weixin_41102672的博客
10-31 9830
简介 我在项目中使用了typescript+vue+jsplumb作为流程图框架。 问题 我在容器中使用的是v-for指令渲染。从配置文件中读取流程图的json并且存入this.items变量中，通过v-for指令渲染一系列组件。 代码： mounted(){ this.items = JSON.parse(JSON.stringify(demoGraph)); // 这里的nextTick的作用是，this.items已经被更新，可是DOM还没有发生更新。 // jsplumb是通过访问do
vue3 router配置有关parent报null 的错误问题
lishishi521的博客
11-04 4597
vue3 router配置有关parent报null 的错误问题
vue路由跳转出现Cannot read properties of null (reading ‘exposed‘)
m0_51257576的博客
06-14 1422
感天动地家人们，出现了这个问题有没有可能是你使用了element-plus的版本和当前vue版本不兼容呢，我是路由跳转的时候提示Cannot read properties of null (reading 'exposed')和Cannot read properties of null (reading 'parentNode')之类的错误，修改了element-plus的版本后就好了！
关于router.addRoute动态添加子路由失败的问题解决方案
Elon丶的博客
02-08 4963
router.addRoute 子路由 失败
vue3+webpack+vue-router封装路由
05-21
vue3+webpack+vue-router封装路由，资源内容包含了vue3+webpack+vue-router，并且代码对vue-router路由进行了封装，资源下载下来之后项目代码需要先：npm install，之后就可以运行启动项目了，代码结构清晰，没有多余代码。
解决vue-router 切换tab标签关闭时缓存问题
10-15
主要介绍了解决vue-router 切换tab标签关闭时缓存问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue项目router切换太慢问题
10-15
主要介绍了解决vue项目router切换太慢问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue3 Cannot read properties of null (reading ‘$el‘) 报错问题解决
dxl99的博客
08-08 1168
此段报错是因为在created钩子中为创建组件实例,所以将操作放到onMounted中即可解决此报错!
vue3报错 Uncaught TypeError: Cannot read properties of null (reading ‘isCE‘) at renderSlot
热门推荐
阿飞
03-14 1万+
造成这个的原因是有两个不同的vue版本， 就可能下载的其他的第三方和当前的vue版本不相同， 就有两个vue的副本，在引入的时候， npm去尝试引入的地址不对。最近在vue项目中遇到如下报错，项目使用的是vue3+webpack搭建的。
手写简易VueRouter
weixin_45785873的博客
10-29 593
路由是用来跟后端服务器进行交互的一种方式，通过不同的路径来请求不同的资源，请求不同的页面是路由的其中一项功能。VueRouter则是Vue的路由管理器
Vue3 - 实现一个雨水滴落的动画效果
最新发布
良月柒
05-29 142
在 Vue 3 中实现一个雨水滴落的动画效果，可以使用 HTML5 的元素和 JavaScript 来绘制和控制动画。
vue2生命周期和计算属性
Wang3317866410的博客
05-26 680
计算属性无法执行异步操作，计算属性的返回值不能写在异步函数中。但可以在里面写异步函数。因为我们需要观察这四个生命周期的不同，所以我们加上_data再打印一遍。当执行后可以看到data值封装到vue2中是_data的书写形式。2.计算属性是有缓存的只有依赖项改变了，计算属性的值才会改变。然后在下面新建一个index.vue（规范都用index）先添加个文件夹和文件放我们的计算属性。这里我把生命周期的换成了计算属性的。所以只需要在里面添加异步就可以了。原因：所有的生命周期都是同步的。scoped单独样式。
【详细介绍WebKit的结构】
cz88888888666的博客
05-23 645
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
[Vue warn]: Error in render: "TypeError: sysUser is null"
11-05
根据提供的引用内容，无法直接回答你的问题。但是，根据你提供的错误提示信息，"TypeError: sysUser is null"是Vue渲染时出现的错误，意味着在Vue组件中，sysUser这个变量的值为null，而在模板中却被使用了。解决这个问题的方法是在使用sysUser变量之前，先判断它是否为null。例如，在模板中可以使用v-if指令来判断sysUser是否为null，如果是，则不渲染相关内容。具体的代码实现可以参考下面的范例。 ```javascript <template> <div> <div v-if="sysUser"> <p>{{ sysUser.name }}</p> <p>{{ sysUser.age }}</p> </div> <div v-else> <p>暂无用户信息</p> </div> </div> </template> <script> export default { data() { return { sysUser: null } }, mounted() { // 在mounted钩子中获取sysUser的值 this.sysUser = getUserInfo() } } </script> ```

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值