Electron 裁剪JS库在选举中不起作用

我正在尝试在我的电子应用程序中添加一个简单的图像裁剪功能。我想要像这样的东西

我试过了，但都没用

对于后一个库，我只是：

import React, { useState } from 'react';
import Cropper from 'react-cropper';
import 'cropperjs/dist/cropper.css';

const ImageCrop = () => {
  const [upImg, setUpImg] = useState();

  const onSelectFile = e => {
    if (e.target.files && e.target.files.length > 0) {
      const reader = new FileReader();
      reader.addEventListener('load', () => setUpImg(reader.result));
      reader.readAsDataURL(e.target.files[0]);
    }
  };

  return (
    <>
      <div>
        <input type="file" accept="image/*" onChange={onSelectFile} />
      </div>
      <Cropper src={upImg} />
    </>
  );
};

export default ImageCrop;

import React，{useState}来自“React”；
从“react Cropper”导入裁剪器；
导入“croperjs/dist/croper.css”；
常量ImageCrop=（）=>{
const[upImg，setUpImg]=useState（）；
const onSelectFile=e=>{
如果（e.target.files&&e.target.files.length>0）{
const reader=new FileReader（）；
reader.addEventListener（'load'，（）=>setUpImg（reader.result））；
reader.readAsDataURL（e.target.files[0]）；
}
};
返回(
);
};
导出默认图像；

结果如下所示，我无法选择该区域

对于前一个库，它仅在图像周围显示橙色边框，不允许对其进行裁剪。

---

我想有些JS功能在Electron中是不起作用的，但我不知道这里到底发生了什么。如果您有任何帮助，请解释并使其正常工作。

我想这些库的CSS可能有问题。您可以尝试手动定位库的CSS文件，并查看这是否有效。