Vue3+Ts中使用Element-plus踩的坑

谨记22-6-8号Vue3+Ts中使用Element-plus踩的所有坑。

事情起因:闲着无事想重构以前的Vue2项目

初入Bug

上午初始化项目的时候,在配置完Router和Store之后开始信心满满的局部注册Element-plus时,在封装好函数之后。先试试全局的水~ 在main.ts中使用时,哦豁~

解决过程

之后拿着问题在谷歌上搜在上搜没有~,看了一下package.json中的版本 和npm官网 在看到3 days age的时候心都是拔凉的。好嘛,回退试试? 经典uninstall 再 install 了个2.2.0的。诶嘿。main.ts里的报错没了。

长呼一口气,好!开始跑下试试。结果 - -

Emm?什么?找不到?哦哦哦,原来我没看文档已经更新了,那没事了,把最新的引入方式换上,好,跑一下没问题,好,进页面看看。恩?白的?控制台看看,What ?Element-plus is undefined ?不行不行,血压上来了。开始各种百度,都没找到答案,直到在评论区看到这句话

点开我的一看 确实,因为一开始就是先写的局部然后发现Router报错为了方便调试就改成了全局。赶紧给注释了,再跑一下。这次点开页面总算没让我失望了。 唯一遗憾的就是一个上午就这么消失了。

经验分享 程序员 微信小程序 职场和发展