Uncaught TypeError: Object(...) is not a function at resetStoreState (vuex.esm-browser.js?5502:1

目录

原因：Vue 2.x和Vuex 4.x版本不对应

同样的问题也会出现在vue-router等依赖包上

问题

控制台报错

vuex源码报错

google浏览器源代码

 VSCode

解决

补充：运行Vue项目

---

原因：Vue 2.x和Vuex 4.x版本不对应

 Vue 3 匹配 Vuex 4 ，Vue 2 匹配 Vuex 3 

Vuex 是什么？ | Vuexhttps://vuex.vuejs.org/zh/

 

问题

控制台报错

Uncaught TypeError: Object(...) is not a function
    at resetStoreState (vuex.esm-browser.js?5502:140:1)
    at new Store (vuex.esm-browser.js?5502:932:1)
    at eval (index.js?4360:48:1)
    at Module../src/store/index.js (index.js:1115:1)
    at __webpack_require__ (index.js:849:30)
    at fn (index.js:151:20)
    at eval (main.js:13:64)
    at Module../src/main.js (index.js:1103:1)
    at __webpack_require__ (index.js:849:30)
    at fn (index.js:151:20)

vuex源码报错

google浏览器源代码

store._state = reactive({
    data: state
  });

 VSCode

模块 ""vue"" 没有导出的成员 "XXX"。你是想改用 "import XXX from "vue"" 吗?ts(2614)

解决

npm先卸载Vuex 4.xx

npm uninstall vuex --save

安装Vuex 3.xx

npm install vuex@3 --save

补充：运行Vue项目

运行npm run serve报错

PS C:\Users\lenovo\Desktop\test\vue_test> npm run serve

> vue_test@0.1.0 serve C:\Users\lenovo\Desktop\test\vue_test
> vue-cli-service serve

internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module '@vue/cli-plugin-babel'
Require stack:
- C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js
- C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at idToPlugin (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:172:14)
    at C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:211:20
    at Array.map (<anonymous>)
    at Service.resolvePlugins (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:198:10)
    at new Service (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:35:25)
    at Object.<anonymous> (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\lenovo\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\lib\\Service.js',
    'C:\\Users\\lenovo\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue_test@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue_test@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\lenovo\AppData\Roaming\npm-cache\_logs\2022-02-20T10_29_07_846Z-debug.log

问题描述

因为Vue项目的依赖包（node_modules）太大，一般上传、下载时忽略，

可以根据 package.json 进行下载安装

解决办法

先下载依赖包

npm i

在运行

npm run serve