Zenn
Open2

WXT開発中に出たエラー

WXT
ひげひげ

同一のメッセージを複数回行っている

XXX.js:302 Uncaught (in promise) Error: [messaging] In this JS context, only one listener can be setup for sendCurrentTabId

状況
メッセージパッシングで受信するときは一度しか書けない。ループ内やイベントハンドラー内でメッセージを受信する処理を書いている場合、２度以上メッセージを受信を待機する処理が行われてしまう。なので一度しか実行されないような場所に書く必要がある。
コンテンツスクリプトのUIならuseEffect内部にonMessage()を書く。
https://github.com/pika2uuu/fanbox-download/blob/master/components/DownloadModal.tsx
コンテンツスクリプトのjsならイベントハンドラー内に書くのではなく

ひげひげ

 ERROR  connect ECONNREFUSED 127.0.0.1:53233                                                                                        

    at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1634:16)

 ELIFECYCLE  Command failed with exit code 1.