侧边栏壁纸
博主头像
MicroMatrix博主等级

曲则全,枉则直,洼则盈,敝则新,少则得,多则惑。是以圣人抱一为天下式。不自见,故明;不自是,故彰;不自伐,故有功;不自矜,故长。夫唯不争,故天下莫能与之争。古之所谓“曲则全”者,岂虚言哉!诚全而归之。

  • 累计撰写 80 篇文章
  • 累计创建 21 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

Vue项目中配置vuex版本问题错误

蜗牛
2022-05-26 / 0 评论 / 0 点赞 / 12 阅读 / 2527 字 / 正在检测是否收录...

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

原本旧项目框架的问题,导致打包的内容比较大,vendor这种文件达到了4M,个人感觉是存在一些问题的,想着优化下,正巧同事做了新模版,打包之后整体文件也就在2M左右,太强了,看来vue-cli脚手架还是要研究研究。
但是,当我满怀希望的替换了模版之后发现,启动报错Uncaught TypeError: Object(...) is not a function,这个BUG是在我修改完其他的文件缺,再我移入旧项目的vuex中出现的。我第一感觉就是vuex哪里有啥问题。在此吐槽先C开头的某知名程序网站,乱指引,我排查了3个多小时的上面提到的大小写,命名,以及导出错误,结果在知乎上看到一个和我一样经历的文章​
这个时候我才知道是版本的不一致导致的,我的vue版本是2.x,而新的模版的vuex版本在4.x,导致不兼容匹配。这里可以去查看package.json文件。
于是解决方案就出来了,升级vue版本到3.x或者降低vuex到3.x:

npm uninstall vuex
npm install [email protected] --save
0

评论区