报错：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function

已于 2022-05-09 09:27:03 修改
阅读量1.3k 收藏
点赞数 1
文章标签： vue.js webpack npm
于 2022-05-08 14:09:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llllllllllll666/article/details/124647452
版权
博客作者在尝试使用`npm i vuex`安装Vuex时，遇到了问题，因为这会默认安装Vuex4，而其Vue项目实际上是基于Vue2，需要的是Vuex3。通过分析package.json文件确认了版本不匹配。解决方案是直接运行`npm i vuex@3`来安装Vuex3，无需卸载先前的版本，新安装的版本会覆盖旧版本。
摘要由CSDN通过智能技术生成

问题

引用vuex，项目跑起来后报错了
在这里插入图片描述

问题分析

自己在安装vuex时使用的命令是：npm i vuex；
在package.json中可以看到这样下载下来的默认是vuex4；
在这里插入图片描述
vue4只能在vue3中使用，而我这个项目是vue2的，只能使用vuex3

解决方案

重新安装vue3

npm i vuex@3

在这里插入图片描述
不用卸载之前的版本，直接下载就可以自动更新最新下载的版本…

眩晕的洋葱
关注
vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct
高级前端工程师
07-02 1538
vue2，vue3，router，路由，报错，vue-router，vue报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function，解决vue错误，vue3 router报错Uncaught TypeError，如何解决这个报错，vue报错，vue运行报错，vue编译，vue项目启动时报错，页面白屏，解决vue引入模块时的报错，vue路由报错，vue-router引入失败且页面
Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function
weixin_40460171的博客
12-30 3033
报错信息 login.jsx:111 Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function 网上查到的解法一 原因：由于antd的版本导致 解决：package.json文件下的antd版本号修改为3.26.14 我的版本【“antd”: “^4.9.4”,】 网上查到的解法二 Ant Design 4.0 对Form进行了修改，已经不使用 Form.c
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.reactive) is not a function at resetSt
文龙刚的博客
03-27 4969
在 vue 2 版本中使用 Vuex 时：报错如下： 是因为版本问题，是你安装了最新的vuex 4 以上导致： 解决办法：安装3系列的： 先卸载 安装的 4 版本的vuex npm uninstall vuex 安装 3.6.2版本的 npm install --save vuex@3.6.2 ...
Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
cl_mumu的博客
05-06 786
问题：前端页面空白，按下F12(有的电脑是Fn+F12)审查元素，在console发现如下错误： Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function 此错误的原因是vuex版本不匹配问题，项目中创建用的是vue2,而如果直接输入 npm i vuex -S 会自动给你安装高版本的vuex,比如4.0.6.而高版本的vuex和vue2不兼容，所以会导致以上问题 解决 1：首先卸载之前安装的vuex n
【报错-vue】Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function
xw211的博客
03-16 4691
【报错-vue】Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function
qq_58519519的博客
05-04 1826
原因：版本问题 解决方法：重新安装vuex@3 npm install vuex@3.6.2（版本号）
运行Vue项目浏览器报“Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2__router__.a is not a constructor”解决方法
热门推荐
tomorrownan的博客
04-08 2万+
1.问题描述 使用webpack构建Vue单页面应用项目，项目运行时，浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”，组件中的内容也不能正常显示，<router-link :to="{path:'animal'}">to animal</router-link&...
Vue中报错 ：Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
qq_56989560的博客
05-09 2814
Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
uncaught typeerror: (0 , vue__webpack_imported_module_20__.reactive) is not a function
最新发布
06-28
这是一个 JavaScript 错误，意思是“未捕获的类型错误：(0, vue__webpack_imported_module_20__.reactive) 不是一个函数”。这通常是因为在使用 Vue.js 的响应式数据时出现了问题，可能是因为没有正确导入 Vue.js ...
Vue引入Vuex出现：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function错误
weixin_38924500的博客
04-08 1972
原因是Vuex的版本过高，不适配。需要降低版本。 注意： 是在项目的文件夹下。 使用： 先卸载原先安装的版本 npm uninstall vuex 在安装3.x版本。 npm install vuex@3.6.2
vuex 出现报错 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
weixin_45767065的博客
03-22 2195
vuex 出现报错 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not
weixin_44756817的博客
06-18 1017
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not
使用Vant 报错(0 , vue__WEBPACK_IMPORTED_MODULE_10__.ref) is not a function）
egg_er的博客
05-08 4952
安装完 vant 以后 报错 报错信息： app.js:127 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_10__.ref) is not a function 解决思路 ： 查看我们的 package.json 文件中 我们使用的 vant 和 vue 的版本是不是一致的 ，如果不一致 ，把 Vant 卸载掉 重新安装 解决方案： 卸载 vant yarn remove vant 重新安装vant ： yarn add vant@
解决 Vue 中报错：TypeError: Object(...) is not a function
☆往事随風☆的博客
07-27 1万+
解决 Vue 中报错：Object(...) is not a function
vue报错 TypeError: Object(...) is not a function
天天向上
09-25 5791
控制台报错截图如下： 经排查，是因为引用方法没有加双引号。
vue 报错 TypeError: Object(...) is not a function
weixin_43120901的博客
07-28 1482
vue 报错
vue使用webpack打包报错.createApp不是函数
weixin_40365953的博客
09-01 1906
报错信息 _node_modules_vue_dist_vue_global_js__WEBPACK_IMPORTED_MODULE_1___default().createAppisnotafunction vue引入方式有问题 正确的引入方式为 import { createApp } from 'vue'; var App = { data() { return { images: [{ Picture: "img" }, { Pic...
vuex mapMutations报错vuexError in v-on handler: “TypeError: xxx is not a function“
weixin_51143190的博客
06-07 1209
vuex mapMutations报错vuexError in v-on handler: "TypeError: xxx is not a function"
vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function报错怎么处理
sassssiii的博客
03-23 5140
如何解决vue中插件的不匹配问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值