Vue项目中配置vuex Uncaught TypeError: Object(...) is not a function

1,188 阅读1分钟

踩坑记录 Uncaught TypeError: Object(...) is not a function

Vue项目中要使用持久化工具, 决定采用vuex(因为网上很多现成代码可以复制❌达咩)
但是当我导入了vuex启动项目之后, 页面一片空白, 控制台给了如下错误:

Uncaught TypeError: Object(...) is not a function

于是我花了五个小时排查错误(搜必应, 搜百度...), 有的说balabala重名啦, 有的说大小写不对啦, 简而言之就是——文不对题! (这里点名批评一下某C开头网站在某B开头搜索引擎投放的广告, 钓鱼广告很有一手, 我以为有个跟我问题一样的帖子, 看下面简介C*** 已为您找到balabala, 无语!)
不好意思跑远了, 如果遇上Uncaught TypeError: Object(...) is not a function这个错误, 一般来说, 是版本不大对劲, 比如vue版本2.x, 但是vuex版本4.x, 版本不适配, 解决办法也很简单, 升级vue到3.x版本, 或者vuex降级到3.x, 下面给出的两条命令是降级vuex版本:

cnpm uninstall vuex
cnpm install vuex@3.0.1 --save

如果没有cnpm镜像, 用npm也是可以的, 只是速度会慢很多。
另外, 可以先在vue项目中的package.json中查看一下开发环境(dependencies)

❗️❗️❗️本文的解决方法参考链接: vuex初始化报错_苏醒!的博客-CSDN博客

❗️❗️❗️关于vue全家桶的版本, 可以参考以下链接: 关于Vue、Vue-router、Vuex、Vue-cli版本_Mangooxx的博客-CSDN博客_vue vuex版本