Nuxt基础：Cannot read property 'state' of undefined

最新推荐文章于 2024-07-11 10:20:10 发布
原创 最新推荐文章于 2024-07-11 10:20:10 发布 · 7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了慕课网上美团课程中遇到的错误：在使用Vue进行列表渲染时，出现'Cannot read property 'state' of undefined'的问题，并提供了解决方案——重新运行npm dev。该问题可能源于状态管理未正确初始化。

慕课网美团课程，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。

查了好久，才知道视频后面就有

Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
🏆 前端领域优质创作者
11-07 1万+
vue2，SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，vue2怎么解决npmrunserve时的Cannot
Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错
🏆 前端领域优质创作者
07-10 5010
剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannotreadpropertiesofundefined(reading'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报
jstree报错 Cannot read property ‘state’ of undefined
01-08
在重复渲染同一个jstree时报错Cannot read property ‘state’ of undefined 这个错在我的项目中貌似并不影响使用，但是控制台报个红色的错误终归是不好的，解决方法： 在创建jstree树之前调用 $('#jstree').jstree('destroy') 这个方法销毁原来的树 // 加上这个之后，jstree就不会报错 Cannot read property 'state' of undefined $('#jstree').jstree('destroy') $('#jstree') .data('jstree', false) .empty
uni-app小程序（vue3版本）使用Vuex在调用store时报错： Cannot read property ‘state‘ of undefined
TIANJING_er的博客
05-31 2933
通过搜索是因为我开发的uni-app是vue3版本，但是在使用vuex时使用的是2版本的格式所造成的错误。的实例上，这里要注意一定是加到#ifdef VUE3这个位置下面。这里是开发购物车相关的功能时遇到bug报错，如图所示。在页面渲染时，可以直接使用映射过来的数据。文件夹，专门用来存放。目录上鼠标右键，选择。将以上代码修改为如下。目录上鼠标右键，选择。一、首先配置vuex。
分析+解决思路 Cannot read property ‘nodeState‘ of undefined
pepper5的博客
02-21 951
TypeError: Cannot read property ‘nodeState’ of undefined 错误解析 运行过程没有问题但是会报错误,是不是很奇怪为什么,明明可以正常运行,哪这个错误从哪来 下边是我编码过程中遇到的问题,v-if哪里需要取数组nodeInfoList最后一个元素 的nodeState熟悉来判断是否需要显示这个view ,nodeInfoList数组是声明在data数据域中的,用来接收从后端返回的审批节点信息,初始时是空的 引用Vue的声明周期来说一下,当页面初始化后
TypeError: Cannot read property 'state' of undefined
qq_39905409的博客
01-16 6220
问题描述： react组件中的方法获取state中的值时报错：TypeError: Cannot read property ‘state’ of undefined 解决办法： 方法一（在constructor中绑定this到函数）：this.funOne = this.funOne.bind(this); import React , {Component} from 'react'; c...
Cannot read property ‘state‘ of undefined
qq_36777191的博客
11-05 4598
TypeError: Cannot read property 'eslint' of undefined 的解决
浮生离梦的博客
04-19 5371
一、问题出现： 在进行使用 nuxt 创建项目的过程中，遇到了这样的异常，Module build failed (from ./node_modules/eslint-loader/index.js)， 异常如下图所示： 二、问题分析及解决：这个异常说明了模块加载失败， eslint未定义，我们可以在 nuxt 的项目文件中，找到 nuxt.config.js 文件中，找到 build模块，...
vue2/3 - echarts报错TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)详细解决方案！
最新发布
高级前端工程师
07-11 2728
vue2，vue3，nuxt，echarts，图表，日历图表，柱状图，饼图，解决echarts中TypeError: Cannot，还是报错，不行怎么办，TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)，vue echarts 报错queryComponents不存在，echart报错，解决echart，在使用案例的echart的日历图表的时候，报错，在使用echarts将关系图中的结点用饼图替换的代码编程过
Vue3 - 解决使用 qrcodejs 生成二维码时报错 TypeError:Cannot read properties of undefined(reading‘_android‘) 解决教程！
🏆 前端领域优质创作者
07-08 2418
vue3，nuxt3，qrcode，二维码，报错，TypeError:Cannotreadpropertiesofundefined(reading‘_android‘)，无法读取未定义的属性（正在读取“_android”），vue3qrcodejs报错_android是什么意思，如何解决这个问题，详细处理教程，qrcodejs2-fix，改用qrcode.value还是不行，依旧报错，更换版本也不行，浏览器控制台报错，终端报错，生成失败，二维码不显示，白屏，使用qrcodejs2报错TypeEr
TypeError: Cannot read property ‘state‘ of undefined求求大佬帮帮忙
biancheng_benben的博客
01-21 620
这是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 1607
在重复渲染同一个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 3519
一般出现这种问题的时候有两种很简便的方法解决： 1、手动绑定this，直接在constructor（）里面加入 this.函数名 = this.函数名.bind(this);//手动绑定 2、将原来的那个函数改为箭头函数 还有一种就是下面这种特殊情况↓。 get(){ let data = { offset:0, length:10 } ...
React-Cannot read property 'state' of undefined at handleClick 报错原因
liuyahui_0126的博客
04-28 5861
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 4213
这个错误提示通常出现在 Vue 组件中，它尝试读取 Vuex store 的 state 对象，但是该对象没有被定义。这假设 store.js 文件位于 src/store 目录中。如果store.js 文件位于其他目录中，请相应地更改导入路径。如果 Vuex store 中没有定义尝试使用的状态，则会出现这个错误。反复确认代码后，发现并没有上述问题。这里的 myState 是Vuex store 中定义的状态名称。如果组件中使用其他名称，请相应地更改代码。3.Vuex store 中没有定义所需的状态。
Cannot read property 'setState' of undefined
weixin_30674525的博客
11-21 287
You're usingfunction()in your Promise chain, this will change the scope forthis. If you're using ES6 I suggest you use the arrow function to maintain the class scope. Example: You're using axios....
react报错 TypeError: Cannot read property 'setState' of undefined
热门推荐
淡然坊
06-02 3万+
代码如下：class test extends Component { constructor(props) { super(props); this.state = { liked: false }; } handleClick(event) { this.setState({like...
解决 jstree 中 Uncaught TypeError: Cannot read property 'state' of undefined 报错
molaifeng的专栏
06-01 1万+
之前后台使用 jstree 做权限控制，于是此次语音后台的权限也移植过来了，但在使用时遇到了麻烦。 如上图，北京信息有限公司one 做为集团公司，旗下有两家子公司，子公司的权限来源于平台授予给母公司的权限，也就造成了 jstree 渲染时，数据结构不一样。 // 添加权限 $(document).on('click', '.addrole', function() { compan...
uniapp获取vuex数据报错 Cannot read property ‘state‘ of undefined
weixin_53797856的博客
12-19 1464
如上图所示，想通过调用uni.login方法获取微信登陆凭证后调登录接口拿token，接口传递参数为vuex中的app_code。但是控制台一直报错提示“无法读取未定义的属性state”。如图，uniapp的api里面回调函数为普通函数，this不再指向vue实例对象。所以使用全局方法无法获取到vuex中的数据。在组件生命周期函数中，调用uniapp的api之前用变量接收this的引用。想要在App.vue组件中获取vuex中的数据，打印控制台报错。可以详细了解vue的this指向以及改变this的方法。
Cannot start nuxt: Cannot read properties of undefined (reading 'options')
04-14
"Cannot start nuxt: Cannot read properties of undefined (reading 'options')" 这个错误通常是由于在启动nuxt应用程序时出现了一个未定义的属性。可能的原因有以下几种： 1. 缺少必要的配置文件：请确保你的nuxt...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值