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

发布于 2022-09-04 02:11:48 字数 1016 浏览 19 评论 0

先上代码:
引入文件:

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,
    });

在编译的时候报错:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

画中仙 2022-09-11 02:11:48

想问一下有解决吗

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文