首页 > 其他分享 >关于vue项目在使用vuex的时候,this.$store报错undefined的问题

关于vue项目在使用vuex的时候,this.$store报错undefined的问题

时间:2024-04-03 20:59:10浏览次数:20  
标签:npm 状态 vue undefined XX 报错 版本 vuex

vue.runtime.esm.js?c320:4605 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')。
这个问题的主要原因是vuex的版本高于vue的版本。如果vue使用2.XX,vuex的版本要低于4.XX.
"dependencies": { "axios": "^1.6.7", "core-js": "^3.8.3", "element-ui": "^2.15.13", "font-awesome": "^4.7.0", "vue": "^2.6.14", "vue-router": "^3.5.1", "vuex": "^3.6.2" },
解决办法:

  1. 卸载旧版本。npm uninstall vuex;
  2. 安装适合的版本。npm install [email protected] --save

1、卸载安装过的vuex 使用npm uninstall vuex 命令
2、重新安装指定版本的vuex 使用npm install [email protected] --save 命令

总结:当你使用vue2开发的时候,建议使用的vuex版本号是3.XX版本;当你使用vuex3开发的时候,建议使用的vuex版本是4.XX

Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT (opens new window))”而存在。这也意味着,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。

单状态树和模块化并不冲突——在后面的章节里我们会讨论如何将状态和状态变更事件分布到各个子模块中。

存储在 Vuex 中的数据和 Vue 实例中的 data 遵循相同的规则,例如状态对象必须是纯粹 (plain) 的。

标签:npm,状态,vue,undefined,XX,报错,版本,vuex
From: https://www.cnblogs.com/Stephen-leg/p/18113472

相关文章

  • hive执行是报错WARNING: log4j.properties is not found.
    一、原因是找不到log4文件了,和hadoop上的连接断了。这时候想创建外表的时候就会报错。1.启动hive时报错 2.建表时不通过。二、问题遇到的前景回顾。之前一直好好的,是安装dolphinscheduler后,突然就怪起来了。先是hadoopfs-cat命令不通过,这个时候的报错就已经指向HADOOP_CO......
  • Java登陆第三十七天——VUE3插值表达式、文本渲染、属性渲染、事件绑定
    插值表达式VUE中最基本的数据绑定形式。语法格式如下:{{数据来源}}插值表达式的特点:不依靠标签。可以调用函数。支持运算符。栗子App.vue<scriptsetup>letmsg="字符串";letnum=10;functionf1(){return"有返回值的方法"}letf2=()=>{......
  • 【问题记录】CCES编译报错:“[Error li1030] Can not open input file ‘libadi_sigma
    一,问题现象编译工程时,报错提示:“[Errorli1030]Cannotopeninputfile‘libadi_sigma_sharc_awc.dlb’”,“[Errorli1030]Cannotopeninputfile‘libadi_sigma_sharc_nwc.dlb’”:二,问题原因&解决方法没有安装对应的插件,安装插件:SigmaStudioForSHARC-SH-Rel2.......
  • Vue3+vite打包Failed to load module script
    完整報錯信息:Failedtoloadmodulescript:ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.目前vite.config.js打包寫法://拆分js到......
  • 基于SSM+SpringBoot+Vue前后端分离的体育商品商城系统(附论文)
    演示视频基于SSM+SpringBoot+Vue前后端分离的体育商品商城系统(附论文)-源码乐园文字描述本系统的设计严格遵循软件开发流程,使用MVC模式,采用开源框架SpringBoot+MybatisPlus+Vue进行开发,使用java语言编写,后端的数据库采用MySQL,Jpa自动创表,通过Spring配置文件与数据......
  • 基于springboot+vue+Mysql的招生管理系统
    开发语言:Java框架:springbootJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示系统首页学生注册专业信息个人中心管理员登录管理员功能界面学生管理专业信息管理专业报名......
  • Vue3+TypeScript项目(SKU管理模块)
    一、SKU模块静态页面src\views\product\sku\index.vue<template><el-card><el-tableborderstyle="margin:10px0px"><el-table-columntype="index"label="序号"width="80px"></el-table......
  • vue3配置使用环境变量.env.development
    参考:https://blog.csdn.net/perfect2011/article/details/1299308191.新建环境配置文件,根目录.env基础系统变量,无论何种环境,都可使用其中配置的值,其他环境中的变量会覆盖.env中的同名变量。.env.development开发环境.env.production生产环境.env.staging测试环境2.vue3使用vit......
  • vue项目打包发现index.js加载了两次?差别在于请求头purpose:prefetch
    上线后打开f12,开启禁用缓存=>发现index.js加载了两次;6.6M直接双倍流量;一番研究得知:vue-cli打包时,会将一些文件preload和prefetch;(1)preload(预先加载文件)app.jsvendor.js(2)prefetch(闲时加载)index.js/router懒加载独立打包的文件【就是那串注释标明打包在xx模块用的】再者:启......
  • 重读vue3
    基础风格指南结构风格vue推荐:先声明,后使用<scriptsetup></script><template></template><stylescoped></style>子组件命名<!--在单文件组件中,推荐为子组件使用PascalCase的标签名,以此来和原生的HTML元素作区分--><!--✅:推荐风格:PascalCase,文件名使用keba......