Javascript _worker.default不是react js中的构造函数

我试图在功能组件中使用web worker，但遇到此错误

_worker.default is not a constructor

这是我的密码

导出默认函数App（）{
const{Provider}=c；
useffect（（）=>{
工人=新家庭工人（）；
worker.addEventListener（“消息”，事件=>{
控制台日志（“evbt”）；
});
工人邮递信息（“ppp”）；
}, []);
返回(
你好，代码沙盒
开始编辑，看看神奇的发生！
);
}

在上述代码中，您在导入和对象创建时出错。对于ES6模块导入，您必须将代码修改为：

import React, { useEffect } from "react";
import "./styles.css";
import { c } from "./context";
import Pqr from "./pqr";
import * as worker from "./worker";
//let worker; no need of this anymore

 export default function App() {
  const { Provider } = c;

  useEffect(() => {
    //worker = new HomeWorker(); no need of this anymore
    worker.addEventListener("message", event => {
      console.log("evbt");
    });
    worker.postMessage("ppp");
  }, []);



 return (
    <Provider value={"kkkkkkkkk"}>
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <Pqr />
    </Provider>
  );
}

import React，{useffect}来自“React”；
导入“/styles.css”；
从“/context”导入{c}”；
从“/Pqr”导入Pqr；
从“/worker”导入*作为worker；
//让工人；不再需要这个了
导出默认函数App（）{
const{Provider}=c；
useffect（（）=>{
//worker=新家庭工作者（）；不再需要这个
worker.addEventListener（“消息”，事件=>{
控制台日志（“evbt”）；
});
工人邮递信息（“ppp”）；
}, []);
返回(
你好，代码沙盒
开始编辑，看看神奇的发生！
);
}

在js/ts文件中加载工作程序时，可以将工作程序加载程序添加为依赖项

import React, { useEffect } from "react";
import "./styles.css";
import { c } from "./context";
import Pqr from "./pqr";
import * as worker from "./worker";
//let worker; no need of this anymore

 export default function App() {
  const { Provider } = c;

  useEffect(() => {
    //worker = new HomeWorker(); no need of this anymore
    worker.addEventListener("message", event => {
      console.log("evbt");
    });
    worker.postMessage("ppp");
  }, []);



 return (
    <Provider value={"kkkkkkkkk"}>
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <Pqr />
    </Provider>
  );
}