解决vue3+vite引入ckeditor5的MathType插件后控制台警告的问题

清静为天下

于 2024-07-10 20:15:45 发布

阅读量533

点赞数 3

文章标签： vue.js javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_45835850/article/details/140332504

版权

如果你在使用vue3+vite引入ckeditor5的MathType插件，控制台就会报一个警告，虽然不影响使用，但是作为开发人员怎么能忍受这么一个标黄警告呢。

原因分析：

我们一步步来分析，：
首先，是只有引入了MathType插件后才会报这个警告，警告的内容大概就是加载wasm报错了，我们直接看MathType的源码部分

先找引入的文件

继续往里面找

继续深入找到这个方法，告警信息和控制台一致。源头找到了，接下来就开始解决问题

解决方案：

我们先打印一下这个方法的两个参数

在这里插入图片描述

清缓存，npm run dev 启动！！

哦豁，控制台的log呢？

在这里插入图片描述

为什么log没出现呢？这里就是本次的重点了，vite的依赖预构建与缓存机制

在这里插入图片描述

这里应该知道怎么做了吧，直接删除node_modules下的.vite文件，重新npm run dev

在这里插入图片描述

这里已经可以看到log了，我们来分析一下这两个参数

在这里插入图片描述

这里的url为加载wasm文件的地址，我们检查一下

在这里插入图片描述

这里并没有wasm文件，应该是vite预构建的时候没有加载wasm文件，我们手动把这个文件加进来试一下

在这里插入图片描述

文件在源码的这个位置，我们复制到.vite/deps文件夹下面，重新启动项目

在这里插入图片描述

控制台终于干净了

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。