Vue Admin Work后台管理系统 和 VueUse 的无缝结合,有惊喜也有坎坷……

2022-10-26 12:49:45 浏览数 (1)

昨天想把 VueAdminWork的P版 和 VueUse 工具库整合一下,说干就干啊,一顿操作猛如虎 三下五除二整完了,把能替换的功能都用 VueUse 替换了。比如: 1、修改 `document` 标题 2、全屏功能由VueUse的useFullScreen方法替换原来的 `screenfull` 库 3、剪贴功能由VueUse的useClipboard方法替换原来的 `clipboardjs` 库 还有几个小功能也都是由 VueUse 工具库实现的,真的挺方便的。 改造完成,打包上线吧~ 结果,报错了~~打包命令死活执行不成功[捂脸]说一下解决过程吧~~ 1、第一时间想到肯定是VueUse的事,去github和网上搜索了一下没有发现在相同的问题 说明大概率不是VueUse的问题 2、因为是用 Typescript写的,问题也是 类型 转换的问题,想到了是不是关于TS的第三方库版本太低,升级 `Vite` `Typescript` `vut-tsc`等一系列库。再试,结果还是不行……[流泪][流泪] 这个时候就有点着急了,难不成不让用VueUse吗,可不是想放弃,继续找问题。 3、会不会是和其它的工具依赖有冲突,那新建一个项目,单独引用一下VueUse试试。 结果,还是不行[捂脸][捂脸] 我已经凌乱了~~~不想放弃,继续找问题 4、排除了以上原因,那最后就剩下就是那个原因了,我的运行环境有问题,试着升级一下node版本吧。之前是 v12的 升级成了v16。 再来试一下吧,好啦~~~哈哈, 遇到问题不要慌,慢慢排查,总会找到问题,解决问题的

0 人点赞