TypeError: Cannot read properties of undefined (reading ‘scrollIntoView‘)（已解决）

最新推荐文章于 2024-09-05 08:00:00 发布
最新推荐文章于 2024-09-05 08:00:00 发布
阅读量407 收藏
点赞数 4
分类专栏： vue3 文章标签： vue.js javascript 前端 vite pinia 已解决问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73756108/article/details/141254480
版权

问题复现：眨眼睛使用vite+vue3实现跳转dom功能时使用了scrollIntoView方法，在打包上传以后使用该功能报错

小友可能会陷入误区，以为是函数方法有问题，毕竟在开发时是没有问题的，
而实际上呢问题出在获取节点失败了

在这里眨眼睛是使用ref绑定获取了个节点数组

在这里插入图片描述

如果小友是这样绑定获取节点的，并且直接在这个vue里使用出现了问题，请另寻基本用法或生命周期的文章尝试，这不是本文遇到的问题

眨眼睛的问题在于使用pinia绑定在store时为直接解构，导致绑定的响应式丢失,也就说你用于绑定节点的根本就不是ref类型

解决方法:

在这里插入图片描述
其实pinia是为我们提供了不丢失响应式的解构方法的（记得引入），我们只需要套一层即可

小结：刚开始使用vue3+pinia开发时常常不是很注重响应式丢失这件事，有的响应式丢失了在开发环境也能用，但打包以后就不行了，有更甚，响应式只响应数据增加不响应数据删除的情况，颇为费解，小友们在使用过程中建议规范使用，避免不必要的问题

代码对我眨眼睛
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
正确解决Error in render function:”Type Error: Cannot read property ‘xxx’ of undefined”异常的有效解决方法
wbajsjhhhhh的博客
05-03 3214
正确解决Error in render function:”Type Error: Cannot read property ‘xxx’ of undefined”异常的有效解决方法
TypeError Cannot read property ‘getUserMedia‘ of undefined
weixin_48435461的博客
08-01 351
使用Chrome参数开启可以解决这个问题，在浏览器框中输入下述代码。将你需要访问的IP填入后重启浏览器，就能解决报错。所以直接访问ip地址会出现报错。localhost正常访问。
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘scrollTo ‘) 报错解决方法
m0_60585777的博客
10-17 1万+
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘scrollTo ‘) 报错解决方法
【u-scroll-list】报错“TypeError: Cannot read properties of null (reading ‘__vue__‘)“
qq_39740846的博客
09-01 924
u-scroll-list "TypeError: Cannot read properties of null (reading '__vue__')"
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
奇妙的Bug之旅
11-10 9万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
Error in render: TypeError: Cannot read properties of undefined (reading‘‘)
qq_45796592的博客
04-18 3809
Error in render: TypeError: Cannot read properties of undefined (reading' ')报错解决
出现 TypeError: Cannot read properties of undefined (reading ‘getUserMedia‘） 解决方法
最新发布
码农研究僧的博客
09-05 662
启用 HTTPS: 为你的网页启用 HTTPS，这不仅解决了 getUserMedia 的问题，还能提高整体的安全性和用户信任度
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 6777
vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot
彻底解决Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
renkai721的专栏
09-19 9158
Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
bootstrap:27 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘) at Obje
郭宝的博客
06-27 435
进入 https://www.crx4chrome.com/crx/277332/ 网站下载插件即可。关闭之前安装的React Developer Tools插件，再次运行React 项目即可。版本可能太低，然后我就换了一个高的版本，就解决了。安装一个高版本的react-主要原因是 react-
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read properties of undefined (reading ‘id‘)
weixin_48116739的博客
03-06 1619
我是用到的是vue，框架是github上面开源的admin-vue-element，经过一番检查发现webstorm里面有报错，所以数据显示不出来，是这样的（如下图）（注：因为设计个人隐私，所以有些图只展示部分，这只是我出现的问题，仅供参考）然后我就给报错的地方加个前引号就好了，数据就成功显示了，
Vue路由报错：Error in render: “TypeError: Cannot read properties of undefined (reading ‘resolve‘)“
weixin_43913958的博客
06-14 1177
Error in render: "TypeError: Cannot read properties of undefined (reading 'resolve')"
Uncaught TypeError: Cannot read properties of undefined (reading ‘getInstanceByDom‘)
water_Popcorn的博客
07-01 1428
问题描述：Uncaught TypeError: Cannot read properties of undefined (reading 'getInstanceByDom')
vue.runtime.esm.js:1888 TypeError: Cannot read property ‘forEach‘ of undefined at VueComponent.＜
tonysh_zds的博客
08-14 7021
出错原因： 调用 $table.toggleRowExpansion 函数报错。 vue.runtime.esm.js:1888 TypeError: Cannot read property 'forEach' of undefined at VueComponent.<anonymous> (crud.js:957) at invokeWithErrorHandling (vue.runtime.esm.js:1854) at VueComponent.Vue.$em
vue 与 vuex的错误版本依赖异常 TypeError: Cannot read properties of undefined (reading ‘state‘)
csdn_aspnet的专栏
08-24 1万+
经过一番查找此错误发现，很多人可能忘记在main.js中引入store.js并挂载在vue实例上，或者state单词写错了。此项目是vue2，要使用vuex3才能正常运行，安装的时候没有指定版本，直接装的是最新的vuex版本，因此库版本不一致导致不能正常运行。审查了很多遍代码，依然报错，读取不到state中的数据，后来想到可能是版本的问题。异常已经不再存在，项目可以正常运行。
解决Cannot read properties of undefined (...)类型的报错
热门推荐
qq_51978639的博客
02-01 10万+
自用整理
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘_wrapper‘ of undefined
weixin_38724114的博客
09-21 3万+
拉取同事的静态代码后，报了一个莫名其妙的错，Cannot read property '_wrapper' of undefined。最后和前辈请教弄明白了，原来是静态代码中做了一些方法的引用，但是只是静态代码，还没有实现方法，所以我们只需要把使用但是未声明的代码声明下就OK了 itemChecked(){ this.checked = !this.checked }, //报错的原因就是使用了（order、toggleAll）的两个方法，但是没有声明方法。注释打开就好了，吼.
Vue项目报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)“
weixin_56035334的博客
08-09 3648
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
TypeError: Cannot read properties of undefined (reading indexOf )
01-16
TypeError: Cannot read properties of undefined (reading 'indexOf')是一个常见的错误，它表示在尝试对未定义的变量或对象执行indexOf操作时出现了问题。通常，这个错误发生在以下几种情况下： 1. 对于一个未定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码对我眨眼睛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值