以前から、React で開発している Web ページを開いた、またはリロードしたタイミングで「Unchecked runtime.lastError: The message port closed before a response was received.」というエラーが発生していました。
翻訳すると「未チェックのruntime.lastError:応答を受信する前にメッセージポートが閉じられました。」とのことですが…どういうこと?
検索したところ、下記の記事がヒットしました。
こいつのエラー回避方法 : Unchecked runtime.lastError: The message port closed before a response was received. – Qiita
https://qiita.com/yamaki_777/items/102eb9f1667003ec4a9d
で、原因ですが、どうやら Google Chrome の拡張機能 が悪さをしているらしいです。
上記の投稿者さんの環境では、「カスペルスキー セキュリティ」が原因だったとのことです。
なお、参考記事曰く「基本的にはローカル環境下での事象なので、気にならなければ放置でよいと思われます。」とのことでしたので、私も放置しようと思います!
以上、開発中の Web ページを開く or リロード時に「Unchecked runtime.lastError: The message port closed before a response was received.」エラーが発生する現象についてでした。
結論:放置する、という結果だったので、参考にはならないと思いますが…ここまでお読みいただきありがとうございました。