Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function

最新推荐文章于 2022-11-24 21:25:31 发布
最新推荐文章于 2022-11-24 21:25:31 发布
阅读量710 收藏
点赞数
文章标签： vue.js webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cl_mumu/article/details/124610681
版权

问题：前端页面空白，按下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
npm uninstall vuex
2: 然后下载固定版本的vuex

npm i vuex@3.6.2 -S

其中：@3.6.2 就是指定的版本号，也可选择其他版本号。
3：记得重新运行前端，然后再去查看页面。

cl_mumu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
10-29
同一相站点，有些页面的客户端验证能工作，而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx.getBackgroundAudioManager，wx.saveVideoToPhotosAlbum等。   这些API有个共同点儿：并非小程序基本库1.0.0就支持，都是后续某个基础库版本才开始支持。 (此图片来源于网络，如有侵权，请联系删除! )   有些同学已经在小程序后台，设置了基础库的最低支持版本，依然会
vue 系列——vue2-webpack2框架搭建踩坑之路
11-30
react、vue、angular代表了3种前端工程化的思想，学习三大框架主要是理解它们的核心概念，比如组件、生命周期、单向数据流、双向绑定等。这些概念在非框架开发中，很少人会去这样系统化的思考，对于新手来说，很多概念都没有接触过，不知道从何入手一个react、vue或者是angular项目，下面我将会从零搭建vue项目，边做项目边学习vue的思想。 1、想要使用vue，我首先该怎么做？ 想要学习vue，我第一件事是去vue官网看简介：https://cn.vuejs.org/v2/guide… ，仔细一看，vue现在有1.X和2.X的区别，很好，我果断选择2.X。 选中了vue版本，我上知
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
vuex 出现报错 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
weixin_45767065的博客
03-22 2115
vuex 出现报错 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
【报错-vue】Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function
xw211的博客
03-16 4647
【报错-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
llllllllllll666的博客
05-08 1257
问题 引用vuex，项目跑起来后报错了 问题分析 发现自己在安装vuex时使用的命令是：npm i vuex； 在package.json中发现这样下载下来的默认是vuex4； vue4只能在vue3中使用，而我这个项目是vue2的，只能使用vuex3 解决方案 重新安装vue3 npm i vuex@3 不用卸载之前的版本，直接下载就可以自动更新最新下载的版本… ...
vue3引入onMounted后使用onMounted方法后控制台报错分析（Uncaught (in promise) TypeError: (0 , _vue_reactivity__WEBPAC）
成长之路，任重道远，期待你的关注！
08-29 4595
Uncaught (in promise) TypeError: (0 , _vue_reactivity__WEBPACK_IMPORTED_MODULE_1__.onmounted) is not a function
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function
qq_58519519的博客
05-04 1753
原因：版本问题 解决方法：重新安装vuex@3 npm install [email protected]（版本号）
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
UncaughtTypeError:(0 ,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function
ll1027521的博客
07-21 1472
UncaughtTypeError:(0 ,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function 表示vue-router版本过高，可以通过npm i vue-router@3 解决
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.reactive) is not a function at resetSt
文龙刚的博客
03-27 4814
在 vue 2 版本中使用 Vuex 时：报错如下： 是因为版本问题，是你安装了最新的vuex 4 以上导致： 解决办法：安装3系列的： 先卸载 安装的 4 版本的vuex npm uninstall vuex 安装 3.6.2版本的 npm install --save [email protected] ...
Vue引入Vuex出现：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function错误
weixin_38924500的博客
04-08 1847
原因是Vuex的版本过高，不适配。需要降低版本。 注意： 是在项目的文件夹下。 使用： 先卸载原先安装的版本 npm uninstall vuex 在安装3.x版本。 npm install [email protected]
Vue中报错 ：Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_20__.reactive is not a function
qq_56989560的博客
05-09 2704
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 949
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not
uni-app运行出现TypeError: (0 , _shop.default) is not a function报错的解决方式
小杨的博客
11-24 3440
import的格式写错了，导入方法的时候，方法应该用大括号括起来；导入组件时则不需要，例如。
Vue出现报错Uncaught TypeError vue__WEBPACK_IMPORTED_MODULE_0__.default.user is not a function
web15085181368的博客
03-09 7030
Vue代码报错： Uncaught TypeError: vue__WEBPACK_IMPORTED_MODUL_0__.default.user is not a function 解决方法：查看js文件下 是不是Vue.use写成了user 把user改回use就没有报错了
JS中常见的 “函数名 is not a function” 错误
热门推荐
weixin_40345099的博客
09-30 26万+
js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。 首先看代码： console.log(x) console.log(x()); var x=1; function x(){...
uncaught typeerror: (0 , vue__webpack_imported_module_20__.reactive) is not a function
最新发布
06-28
### 回答1： 这是一个 JavaScript 错误，意思是“未捕获的类型错误：(0, vue__webpack_imported_module_20__.reactive) 不是一个函数”。这通常是因为在使用 Vue.js 的响应式数据时出现了问题，可能是因为没有正确导入 Vue.js 或者没有正确使用 Vue.js 的 API。建议检查代码中是否正确导入了 Vue.js，并且是否正确使用了 Vue.js 的响应式数据 API。 ### 回答2： 这是Vue框架中的一个错误提示，在使用Vue时可能会遇到。它表示一个对象或变量在使用时，并没有正确调用Vue的反应式函数（reactive）进行声明或赋值，导致代码抛出异常。 具体来说，Vue3中的响应式函数（reactive）是一个API，用于将对象变为响应式的数据。反应式数据是指，当对象属性发生改变时，视图会自动更新展示最新数据。然而，如果在声明对象时没有正确地使用reactive函数进行声明，会导致该对象不具有响应式。 例如，在Vue中声明一个对象可以这么写： ```js const data = { count: 0 } ``` 如果此时要使其变成响应式的，需要使用Vue提供的响应式函数（reactive）将该对象包装起来，如下所示： ```js import { reactive } from 'vue' const data = reactive({ count: 0 }) ``` 这样，对象data就变成了Vue的响应式数据。然而，如果在代码中没有正确地使用reactive函数进行包装，就会遇到上述错误提示。 因此，当我们遇到“uncaught typeerror: (0 ， vue__webpack_imported_module_20__.reactive) is not a function”这样的错误时，应该检查是否正确地使用了Vue提供的反应式函数（reactive）对变量或对象进行了声明。 ### 回答3： 这个错误消息 "uncaught typeerror: (0, vue__webpack_imported_module_20__.reactive) is not a function" 是 JavaScript 代码中常见的错误之一。该错误通常在使用 Vue.js 框架时出现，Vue.js 是一种流行的 JavaScript 框架，用于构建用户界面。 这个错误消息指的是代码中使用了 Vue.js 的响应式 API，但是没有正确导入 API。在 Vue.js 中，响应式 API 可以使用 Vue.createApp().use(VueCompositionAPI).mount('#app') 方法导入，但是如果没有正确导入就会出现这个错误消息。 通常，出现这个错误的主要原因是由于以下原因所导致的： 1. 没有正确安装和导入 Vue.js 2. 没有正确导入 Vue.js 中的响应式 API 3. 缺少 Vue.js 的依赖项 为了解决这个问题，需要确保安装和导入了正确的 Vue.js 版本，并正确使用 Vue.js 提供的响应式 API。如果确定安装和导入了正确的 Vue.js 版本，仍然出现这个错误，请确保在使用 Vue.js 时导入了正确的依赖项。 此外，还可以尝试使用浏览器的调试工具来了解错误的更多信息，例如发生错误的代码行或导致错误的变量。通过调试工具，可以更快地找到和修复错误，并提高代码的可维护性。 总之，uncaught typeerror: (0, vue__webpack_imported_module_20__.reactive) is not a function 这个错误消息是由于没有正确导入 Vue.js 响应式 API 所导致的。为了解决这个问题，需要确保正确安装和导入 Vue.js，并使用 Vue.js 提供的正确的响应式 API。如果错误仍然存在，您可以尝试使用浏览器的调试工具来进行进一步的故障排除。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值