Uncaught TypeError Object(...) is not a function at resetStoreState (vuex.esm-browser.js55021

目录

原因：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 是什么？ | Vuex[这里是图片001]https://vuex.vuejs.org/zh/

问题

控制台报错

Uncaught TypeError: Object(…) is not a function
at resetStoreState (vuex.esm-browser.js5502:140:1)
at new Store (vuex.esm-browser.js5502:932:1)
at eval (index.js4360: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 XXXfrom “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:UserslenovoDesktop estue_test> npm run serve

> vue_test@0.1.0 serve C:UserslenovoDesktop estue_test
> vue-cli-service serve

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

Error: Cannot find module ‘@vue/cli-plugin-babel’
Require stack:
- C:UserslenovoAppDataRoaming pm ode_modules@vuecli-servicelibService.js
- C:UserslenovoAppDataRoaming pm ode_modules@vuecli-serviceinue-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:UserslenovoAppDataRoaming pm ode_modules@vuecli-servicelibService.js:172:14)
at C:UserslenovoAppDataRoaming pm ode_modules@vuecli-servicelibService.js:211:20
at Array.map ()
at Service.resolvePlugins (C:UserslenovoAppDataRoaming pm ode_modules@vuecli-servicelibService.js:198:10)
at new Service (C:UserslenovoAppDataRoaming pm ode_modules@vuecli-servicelibService.js:35:25)
at Object. (C:UserslenovoAppDataRoaming pm ode_modules@vuecli-serviceinue-cli-service.js:15:17) {
code: ‘MODULE_NOT_FOUND’,
requireStack: [
‘C:\Users\lenovo\AppData\Roaming
pm
ode_modules\@vue\cli-service\lib\Service.js’,
‘C:\Users\lenovo\AppData\Roaming
pm
ode_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:UserslenovoAppDataRoaming pm-cache_logs?2-02-20T10_29_07_846Z-debug.log

问题描述

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

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

解决办法

先下载依赖包

npm i

在运行

npm run serve