uni-app小程序（vue3版本）使用Vuex在调用store时报错： Cannot read property ‘state‘ of undefined

最新推荐文章于 2025-02-26 14:01:40 发布
最新推荐文章于 2025-02-26 14:01:40 发布
阅读量2.6k 收藏 15
点赞数 19
文章标签： uni-app 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TIANJING_er/article/details/130971215
版权
在开发uni-app的购物车功能时遇到了bug，原因是使用的vue3版本与vuex版本不匹配。为解决此问题，文章详细介绍了如何配置vuex，包括创建store目录，初始化Store实例，更新main.js中的导入和挂载，创建cart.js购物车模块，以及在goods_detail.vue页面中使用映射数据的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这里是开发购物车相关的功能时遇到bug报错，如图所示

 

通过搜索是因为我开发的uni-app是vue3版本，但是在使用vuex时使用的是2版本的格式所造成的错误

一、首先配置vuex

1. 在项目根目录中创建 store 文件夹，专门用来存放 vuex 相关的模块
2. 在 store 目录上鼠标右键，选择 新建 - > js 文件
最低0.47元/天 解锁文章
TIANJING_er
关注
uniapp中‘TypeError: Cannot read property ‘state‘ of undefined’问题的解决
Aphea的博客
10-06 3万+
问题描述： 在uni-app项目中，使用vuex； 在store/index.js中设置好了state后（简化代码如下）： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { hasLogin: 0 } }) export default store 在其他页面中访问state（简化代码如下）： onLoad() { if (!this.$store
分析+解决思路 Cannot read property ‘nodeState‘ of undefined
pepper5的博客
02-21 898
TypeError: Cannot read property ‘nodeState’ of undefined 错误解析 运行过程没有问题但是会报错误,是不是很奇怪为什么,明明可以正常运行,哪这个错误从哪来 下边是我编码过程中遇到的问题,v-if哪里需要取数组nodeInfoList最后一个元素 的nodeState熟悉来判断是否需要显示这个view ,nodeInfoList数组是声明在data数据域中的,用来接收从后端返回的审批节点信息,初始时是空的 引用Vue的声明周期来说一下,当页面初始化后
uniapp获取vuex数据报错 Cannot read property ‘state‘ of undefined
weixin_53797856的博客
12-19 1351
如上图所示，想通过调用uni.login方法获取微信登陆凭证后调登录接口拿token，接口传递参数为vuex中的app_code。但是控制台一直报错提示“无法读取未定义的属性state”。如图，uniapp的api里面回调函数为普通函数，this不再指向vue实例对象。所以使用全局方法无法获取到vuex中的数据。在组件生命周期函数中，调用uniapp的api之前用变量接收this的引用。想要在App.vue组件中获取vuex中的数据，打印控制台报错。可以详细了解vue的this指向以及改变this的方法。
【Uniapp-Vue3】开发userStore用户所需的相关操作
最新发布
XunLin233的博客
02-26 521
在项目根路径下创建的stores文件夹中创建user.js文件。并将以下内容复制到user.js中。
Uniapp中报错TypeError: Cannot read property ‘state‘ of undefined
qq_62933419的博客
05-15 750
检查了一下语法并没有问题，使用$store.state.调用也报这个错误。在main.js中加入以下代码。
uni-app应用使用vue3和vuex的Store，运行到微信开发者工具报错：TypeError: Cannot read property ‘state‘ of undefined
听海边涛声
04-29 658
uni-app应用使用vue3和vuex的Store，运行到微信开发者工具报错：TypeError: Cannot read property ‘state‘ of undefined
Cannot read property ‘state‘ of undefined
qq_36777191的博客
11-05 4561
Cannot read property ‘state‘ of undefined var state
m0_47324757的博客
10-16 354
微信小程序开发出现“Cannot read property 'state' of undefined var state”的问题！因为vue3中与vue2中配置vuex的方法是不一样的，所以按照老师视频里的方法会报错。此处要把1放到2的外侧，不然会报错：""1.修改store.js文件。2.修改main.js。解决方法来自，原视频。
小程序TypeError: Cannot read property ‘state‘ of undefined的问题
2301_77875326的博客
12-15 817
TypeError: Cannot read property 'state' of undefined
黑马优购p141_uniapp报错Cannot read property ‘state‘ of undefined
m0_67302059的博客
08-05 444
黑马老师视频教程使用的是vue2，但是现在安装的hbuilder最新版项目模板都是配的vue3，使用方法有差别，导致的无法正常运行。
Nuxt基础：Cannot read property 'state' of undefined
kfgauss的博客
05-11 7062
慕课网美团课程，5-4 <li v-for="(item,idx) in $store.state.city.list" :key="idx">{{item}}</li> 出现错误： Cannot read property 'state' of undefined 原因是需要重新npm run dev。 查了好久，才知道视频后面就有 ...
TypeError: Cannot read property 'state' of undefined
qq_39905409的博客
01-16 6136
问题描述： react组件中的方法获取state中的值时报错：TypeError: Cannot read property ‘state’ of undefined 解决办法： 方法一（在constructor中绑定this到函数）：this.funOne = this.funOne.bind(this); import React , {Component} from 'react'; c...
TypeError: Cannot read property ‘state‘ of undefined求求大佬帮帮忙
biancheng_benben的博客
01-21 532
这是cart.js，后使用cart，出现TypeError: Cannot read property 'state' of undefined的错误，vuex的版本是4.1.0，vue的版本是3.4.15。这是store.js。
jstree报错 Cannot read property 'state' of undefined
只会div的博客
03-24 1570
在重复渲染同一个jstree时报错Cannot read property ‘state’ of undefined 这个错貌似并不影响使用，但是控制台报个红色的错误终归是不好的，解决方法： 在创建jstree树之前调用 $('#jstree').jstree('destroy') 这个方法销毁原来的树 // 加上这个之后，jstree就不会报错 Cannot read property 's...
TypeError: Cannot read property 'setState' of undefined
TonkatsuMan的博客
05-28 3483
一般出现这种问题的时候有两种很简便的方法解决： 1、手动绑定this，直接在constructor（）里面加入 this.函数名 = this.函数名.bind(this);//手动绑定 2、将原来的那个函数改为箭头函数 还有一种就是下面这种特殊情况↓。 get(){ let data = { offset:0, length:10 } ...
Uniapp在vue3下使用vuex
Marlene_Jiang的博客
02-08 9559
Uniapp在vue3下使用vuex 前言 这里不介绍uniapp和vue3，只针对想要使用vuex，但目前因为使用的是uniapp和vue3，不知如何使用vuex滴同学。这篇文章也是我的开发笔记。 认识VUEX Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。简而言之就是用来存数据，可以有效减少使用组件传参困扰的头痛。 基本元素：store（里面存数据），mutation（里面修改数据），action（里面异步调用mutation来修改数据），getter（获取数据） 引用VUEX un
React-Cannot read property 'state' of undefined at handleClick 报错原因
liuyahui_0126的博客
04-28 5831
react在新版本中，修改了对state的处理方式解决办法：1.由于state设置在了作用域内部，引用时可以使用如代码20行的方式改变this指向修改state的值。2.也可以使用setState设置...
Vue报错解决[Vue warn]: Error in render: “TypeError: Cannot read property ‘state‘ of undefined“
zag666的博客
04-24 3933
这个错误提示通常出现在 Vue 组件中，它尝试读取 Vuex store 的 state 对象，但是该对象没有被定义。这假设 store.js 文件位于 src/store 目录中。如果store.js 文件位于其他目录中，请相应地更改导入路径。如果 Vuex store 中没有定义尝试使用的状态，则会出现这个错误。反复确认代码后，发现并没有上述问题。这里的 myState 是Vuex store 中定义的状态名称。如果组件中使用其他名称，请相应地更改代码。3.Vuex store 中没有定义所需的状态。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值