Vue2集成Vuex4出现Cannot read properties of undefined (reading 'state')错误求助

核心问题 #

你使用的 Vue 2.6.12 和 Vuex 4.1.0 版本不兼容：Vuex 4.x 是专门为 Vue 3 设计的，无法在 Vue 2 项目中正常工作，这直接导致组件内的 this.$store 未被正确注入，从而抛出 cannot read properties of undefined (reading 'state') 错误。

解决步骤 #

1. 卸载不兼容的 Vuex 4.x #

执行以下命令卸载当前版本：

npm uninstall vuex
# 若使用 yarn 则执行：
yarn remove vuex

2. 安装适配 Vue 2 的 Vuex 3.x 版本 #

安装 Vuex 3 系列的最新稳定版：

npm install vuex@3 --save
# 若使用 yarn 则执行：
yarn add vuex@3

3. 确认现有代码无需修改 #

你的 store.js 和 App.js 的写法完全符合 Vuex 3 + Vue 2 的规范，不需要调整：

• store.js 中通过 Vue.use(Vuex) 注册插件并创建 store 的逻辑正确
• App.js 中已经将 store 注入到根 Vue 实例中

额外检查点 #

如果安装后仍有问题，可排查以下两点：

• 确保 Test.vue 是作为根实例的子组件被渲染的，而非单独通过 new Vue 实例化（只有根实例注入 store 后，其子组件才能继承 $store）
• 检查项目中是否有其他代码意外覆盖了 this.$store 属性

内容的提问来源于stack exchange，提问作者penina kinanu