记录一下Bug
发表于:2024-10-18 |

前言

记录一下昨天在公司中遇到的bug

Bug1

问题描述

昨天我需要将一个vue2的组件发到我们的私有npm上面去,我就需要将内容拆出来写出一个组件,然后依赖安装完成之后发现,我的element uitable组件显示不了。

问题解决

后面去查阅资料,发现是vue2.7以上会导致这个bug,只需要将vue降级处理即可,我这里用的是vue2.6.14,所以只需要执行

1
yarn add vue@2.6.14

Bug2

问题描述

vue2封装的组件可以看我之前的文章
地址:https://myblog-5g89ixpbbf1fbfad-1316695488.ap-shanghai.app.tcloudbase.com/2023/09/11/npm-package-send-2/

当然也有vue3版本的组件封装
地址:https://myblog-5g89ixpbbf1fbfad-1316695488.ap-shanghai.app.tcloudbase.com/2023/09/08/npm-package-send/

在我把vue2封装的组件发npm上去之后,因为vue2中有this这个概念,我在那个里面用了vuex,里面有this.$store

当我们把组件发上去之后,在新的项目引入的时候,这个this是会有问题的

问题解决

因此在使用的地方直接引入store,通过
store.xxx来操作就可以避免这个,同样的道理,你在组件里面是全局引入的内容,比如ui库等,也是需要在组件使用的地方重新引入的。

结语

本篇文章就到这里,简单记录一下我昨天敲代码遇到的bug,更多内容敬请期待,债见~

上一篇:
浏览器Http的413报错
下一篇:
【可视化学习】94-粒子网站