flipbook-vue组件跟Vue3.5版本冲突

38 阅读1分钟

最近公司需要做一个翻书的程序,时间短任务急,于是我找到了flipbook-vue。 详细介绍请见juejin.cn/post/706743…

我用electron-vite构建的项目,但是在写代码过程中遇到了问题:

在预览时(npm run dev)看似功能正常,但是在翻页的时候,在console里会看到报错:“Uncaught (in promise) Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself.”,而且是每翻一页就会报错好几条。

图片.png

如果打包成exe(npm run build:win),在翻页时程序会卡住,Alt+F4都关不掉.

我的项目默认的Vue版本是3.5,其他Vue项目应该也会有相似的问题。报错原因是flipbook-vue跟Vue3.5冲突,改成不冲突的Vue版本就好了。

我是在github上找到了解决方法(github.com/ts1/flipboo…

我把electron-vite项目里的Vue版本从3.5换成3.4,然后预览和打包都没问题了。

希望这篇文章对后来的flipbook-vue使用者有帮助。