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

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

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

 

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

 

页面上末尾可发现

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

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

然后在代码中引入即可

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

 

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

https://www.kancloud.cn/wangfupeng/wangeditor/65769