类型错误：_mediapipe_face_mesh__WEBPACK_IMPORTED_MODULE_3__.FaceMesh 不是构造函数

Question

我希望将 mediapipe 集成到 NextJS + Electron 应用程序中。但是，在导入 FaceMesh 并“尝试”使用它时，我在 @mediapipe/face_mesh 上收到以下错误：

对于上下文，我在库Nextron 的帮助下使用 NextJS + Electron。我尝试了以下问题中提出的方法：

1. https://github.com/google/mediapipe/issues/1946
2. https://github.com/google/mediapipe/issues/2546
3. https://github.com/google/mediapipe/issues/3796

   但我没有得到任何结果。

   里面FaceMeshComponent.js：

   import React, {useRef, useEffect} from 'react';
   import Webcam from "react-webcam"
   import { FaceMesh } from "@mediapipe/face_mesh";
   
   function FaceMeshComponent() {
       const webcamRef = useRef(null);
       const canvasRef = useRef(null);
   
       useEffect(() => {   
           const faceMesh = new FaceMesh({locateFile: (file) => {
               return `https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh/${file}`;
           }});
   
           faceMesh.setOptions({
               maxNumFaces: 1,
               refineLandmarks: true,
               minDetectionConfidence: 0.5,
               minTrackingConfidence: 0.5
           });
       }, [])
   
      return <div>...</div>
   
   

   感谢我能得到的任何帮助！

Answer 1

尝试使用

import * as FaceMesh from '@mediapipe/face_mesh';

而不是你目前拥有的 face_mesh 的导入。

此外，当您创建对象实例时，请使用：

const faceMesh:FaceMesh.FaceMesh = new FaceMesh.FaceMesh (...)