javascript - 初始化 Croppie 以上传和裁剪图像

Question

我不想使用 Croppie 上传和裁剪图像。 https://foliotek.github.io/Croppie/ 我已将croppie.css 和croppie.js 添加到我的文件中。我想在覆盖页面中添加 Croppie，这是代码：

overLayPage(){
// overlay--active
$("body").append(`
  <div class="overlay" id="image-editor-overlay">
  </div>
  `);
}

然后在构造函数中，我使用这些代码来初始化 Croppie。

constructor() {

this.overLayPage();

var c = new Croppie(document.getElementById('item'), '#image-editor-overlay' );
c.method(args);

this.body = $("#image-editor-overlay");

this.events();
  }

编译后，我面临这个错误。（对不起，我不知道为什么屏幕截图在链接中）。

错误截图

非常感谢。我对javascript很陌生。