使用wangEditor和requireJs冲突报错 Mismatched anonymous define() module {return t.hljs}

ゝ一纸荒年。 2022-12-20 06:00 147阅读 0赞

项目中使用的requireJS   在使用wangEditor富文本框编辑器时   发现偶尔会报错

![20201111093817863.png][]

在require.js中的第1220行打了个断点  发现t.hljs来源于highlight.min.js

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTYzNDg4NQ_size_16_color_FFFFFF_t_70][]

在项目中搜索highlight.min.js  发现此js出现在如下所示  也就说wangEditor.min.js会去自动引入这东西

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTYzNDg4NQ_size_16_color_FFFFFF_t_70 1][]

页面上末尾可发现

![20201111094651388.png][]

查看此js会发现其中的某些define与requireJs中命名冲突  因此

可在require.conf.js中  自主引入

![20201111094835576.png][]

然后在代码中引入即可

> function initEditor() \{  
>     require(\['hljs'\], function()\{  
>         $(function()\{  
>             var E = window.wangEditor;  
>             editor = new E('description\_put')；  
>             editor.create();  
>         \});  
>     \});  
> \}  
>

另外  引入富文本框编辑器js时  或者   但凡出现Mismatched anonymous define() module 这种报错时   都可以在require.conf.js中定义后再使用

或者用另一种方法引入require  详情见链接

[https://blog.csdn.net/weixin\_41634885/article/details/109241028][https_blog.csdn.net_weixin_41634885_article_details_109241028]

富文本框js和requireJs冲突问题  可见

[https://www.kancloud.cn/wangfupeng/wangeditor/65769][https_www.kancloud.cn_wangfupeng_wangeditor_65769]

[20201111093817863.png]: /images/20221120/e5ad27ce400841f6b8e841ff45ea2e2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTYzNDg4NQ_size_16_color_FFFFFF_t_70]: /images/20221120/12bde83d25784e7db1f008567f3b2f67.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTYzNDg4NQ_size_16_color_FFFFFF_t_70 1]: /images/20221120/ca1e0d3ebc6f44829bb63ddb6db059b7.png
[20201111094651388.png]: /images/20221120/eafae06a74fd4a4ab59e68cc594cefaf.png
[20201111094835576.png]: /images/20221120/4b285cad6d7a4a918831f341ce7d338d.png
[https_blog.csdn.net_weixin_41634885_article_details_109241028]: https://blog.csdn.net/weixin_41634885/article/details/109241028
[https_www.kancloud.cn_wangfupeng_wangeditor_65769]: https://www.kancloud.cn/wangfupeng/wangeditor/65769