Uncaught TypeError: Cannot set property 'onmessage' of undefined, Ionic React

Question

我正在使用 Ionic React 开发一个节拍器应用程序，并尝试遵循这个 GitHub 示例：https://github.com/francoischalifour/react-metronome。但是，当我尝试运行节拍器时，目前没有任何反应，尽管它似乎进入 metronome.js 中的 start() 函数并在 Google 中的控制台中返回此错误 Chrome:

未捕获类型错误：无法设置未定义的属性 'onmessage'。

我刚开始使用 Web Worker API，所以我认为那里可能出了问题。这就是我从名为 Home.tsx:

的文件中调用节拍器的方式

<Metronome tempo={69} beatsPerMeasure = {4}
              render={({
                tempo,
                beatsPerMeasure,
                playing,
                beat,
                onPlay,
                onTempoChange,
              }) => (
              <IonButton onClick = {onPlay}>Start Metronome</IonButton>

如果您可以提供任何帮助，或者如果您想查看代码的任何其他部分，请告诉我。我直接从 GitHub 复制了 metronome.js 和 metronome.worker.js。谢谢！

Answer 1

好的，终于可以使用了，请检查这里，然后告诉我

Running code

您也可以在此处检查节拍器的其他选项，up and 运行我同意代码有问题，您可以查看这两个快速演示 Demo 1 (Credit 2 toLuka Baramishvili)、演示 2（学分 2 艾伦·拉文德)

Uncaught TypeError: Cannot set property 'onmessage' of undefined, Ionic React

Uncaught TypeError: Cannot set property 'onmessage' of undefined, Ionic React

javascript

reactjs

ionic-framework

service-worker

web-worker