未捕获类型错误:(0，vue__WEBPACK_IMPORTED_MODULE_20__.reflective)不是vu

Question

我是Vue js、的新手

控制台中的错误：

Error

Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function - in Vue 2
at resetStoreState (webpack-internal:///./node_modules/vuex/dist/vuex.esm-bundler.js:221:64)
at new Store (webpack-internal:///./node_modules/vuex/dist/vuex.esm-bundler.js:1031:3)
at eval (webpack-internal:///./src/store/index.js:7:13)
at Module../src/store/index.js (app.js:186:1)
at __webpack_require__ (app.js:268:33)
at fn (app.js:513:21)
at eval (webpack-internal:///./src/main.js:12:70)
at Module../src/main.js (app.js:175:1)
at __webpack_require__ (app.js:268:33)
at app.js:1385:109

我在这里附上了图片：https://postimg.cc/FfVC6dmw

=>我安装了Vuex，并在src文件夹中创建了一个文件夹index.js文件编写的代码如下：

从"Vue"导入Vue；从"Vuex"导入Vuex；Vue.use(Vuex(；const store=新建Vuex.store({状态：{留言："你好，来自Vuex"}，突变：｛｝，操作：｛｝，getters:｛｝})导出默认存储

=>Main.js

从"Vue"导入Vue从"导入应用程序/应用程序vue'从"导入StoreC/存储/索引'Vue.config.productionTip=false新Vue({StoreC，渲染：h=>h(应用程序(，})$mount('#app'(

我在下面附上了package.json。

{"name"："vuex shop"，"版本"："0.1.0"，"private"：true，"脚本"：{"serve"："vue-cli service serve"，"build"："vue-cli service build"，"lint"："vue-cli service lint"}，"依赖项"：{"core-js"："^3.8.3"，"vue"："^2.6.14"，"vuex"："^4.0.2"}，"devDependencies"：{"@babel/core"："^7.12.16"，"@pabel/eslint-parser"："^7.12.16"，"@vue/cli plugin-babel"："~5.0"，"@vue/cli plugin-esint"："~5.0"，"@vue/cli service"："~5.0"，"esint"："^7.32.0"，"eslint-plugin-vue"："^8.0.3"，"安装对等设备"："^1.0.3"，"vue模板编译器"："^2.6.14"}，"eslintConfig"：{"根"：true，"env"：{"node"：true}，"扩展"：["plugin:vue/essential"，"eslint:推荐"]，"parserOptions"：{"parser"："@pabel/eslint-parser"}，"规则"：｛｝}，"浏览者列表"：[">1%"，"最后两个版本"，"没有死"]}

Answer 1

您的Vue版本与您的Vuex版本不兼容。

Vuex 3与Vue 2配合使用：https://v3.vuex.vuejs.org/

Vuex 4与Vue 3配合使用：https://vuex.vuejs.org/

您特别需要：npm install vuex@3.6.2

Answer 2

1. 检查Vuex版本：确保您的Vue.js版本使用的是正确的Vuex版本。Vuex 4.x是为Vue 3设计的，而Vuex 3.x是为Vue 2设计的。如果您使用的是Vue 2，请确保已安装Vuex 3.x。

   npm安装vuex@3

2. 如果你仍然有这个问题：dist文件夹中仍然缺少vuex.esm-bundler.js，我认为有时清除节点模块和重新安装有助于

祝好运