javascript - 在react环境下如何codemirror里merge.js中的codemirror.mergeView()方法？

先上代码：
引入文件：

import '../../../common/codemirror/lib/codemirror.css';
import '../../../common/codemirror/mode/clike/clike.js';
import CodeMirror from '../../../common/codemirror/lib/codemirror.js';
import '../../../common/codemirror/lib/merge.js';
import '../../../common/codemirror/lib/merge.css';

调用代码：

const target = document.getElementById('viewCompare');
    CodeMirror.mergeView(target, {
      value: this.state.data.branchCtx,
      origLeft: null,
      orig: this.state.data.trunkCtx,
      lineNumbers: true,
      mode: 'text/x-java',
      highlightDifferences: true,
      lineWrapping: true,
      readOnly: true,
    });

在编译的时候报错：

mergeView()是在merge.js里的方法，merge.js里面引入了codeMirror.js。我还尝试从merge.js中import CodeMirror，但是都不行，现在的写法是曾经成功的写法，只是现在迁移到另外的组件里使用，就报了上面的错。
请问正确的调用方式是该怎么做呢？