项目:若依框架做的管理平台(vue3)

需求:使用monaco-editor编辑器做js、java、sql编辑,

实现方案:编辑器组件代码是移入其他开源项目代码,移入的是vue2的写法

组件部分原代码:

以上是移入组件部分原代码,解决报错主要也是在这里面添加代码解决

在项目中java和sql编辑没有问题,但是切换到js编辑时创建编辑器或输入就报错如下:

Error: Unexpected usage at EditorSimpleWorker.loadForeignModule

在网上找了很多大佬写的帖子

帖子1.

使用了一下无法生效

帖子2.

在找了一些说在vite.config.js中进行强制构建

按照上图使用

还是无法解决报错。

最终解决方案:

看到了一个帖子如下:

根据这个帖子对自己的代码进行了一下更改

如图将代码添加后终于没有报错,使用也正常也不影响其他类型编辑

附组件代码:

找了很多帖子都无法解决报错问题,最后借鉴一些大佬的帖子结合自己的改一下最后解决报错问题,怕后面再次遇到忘记,所以特此记录一下,如有更简便的方法还请多多指教。

相关阅读

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: