Uncaught TypeError: невозможно установить свойство onmessage для undefined, Ioni c React

Question

Я работаю над приложением метронома в Ioni c React и пытаюсь следовать этому примеру GitHub: https://github.com/francoischalifour/react-metronome. Однако, когда я пытаюсь запустить метроном, в настоящее время ничего не происходит, хотя кажется, что он переходит в функцию start () в метрономе. js и возвращает эту ошибку в консоли в Google Chrome:

Uncaught TypeError: невозможно установить свойство onmessage для undefined.

Я новичок в использовании Web Workers API, поэтому я думаю, что здесь что-то идет не так. Вот как я вызываю метроном из файла с именем Home.tsx:

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

Пожалуйста, дайте мне знать, можете ли вы оказать какую-либо помощь или если вы хотите увидеть какие-либо другие разделы кода. Я скопировал metronome. js и metronome.worker. js прямо с GitHub. Спасибо!

Answer 1

Хорошо, наконец, он заработал, проверьте здесь, пожалуйста, и дайте мне знать

Рабочий код

Также вы можете проверить другой вариант для метронома, работающего и работающего здесь я согласен, что есть проблема с кодом, вы можете проверить эти две быстрые демонстрации Демо 1 (Кредит 2 Луке Барамишвили) , Демо 2 (Кредит 2 Алан Лавендер)