Chrome 拡張機能で［Illegal return statement］エラーが発生する場合の対処法

Google Chromeの拡張機能で［Illegal return statement］エラーが発生する場合の対処法について備忘録的に投稿しておきます。

Illegal return statement

自作のChrome ブラウザーの拡張機能をインストール後に［拡張機能］画面で “Illegal return statement” エラーが発生する場合があります。

具体的には次のコードで経験しました。

1. 必要なファイルとフォルダーを作成しておきます。（拡張子が無いのはフォルダー）

if (window.jellyfinWheelLoaded) {
  console.log("[Jellyfin Wheel] already loaded");
  return;
}

一見、何事もないコードに見えますが、return の部分でエラーになってしまいます。

原因はコードを挿入した場所によるもので、冒頭部分で return で戻してしまうと”Illegal return statement” になります。

なので冒頭部分で return を使いたい場合には、以下のように functon() でコード全体を囲んでしまいます。

(function () {
  if (window.jellyfinWheelLoaded) {
    console.log("[Jellyfin Wheel] already loaded");
    return;
  }
})();

これで、”Illegal return statement” を回避できました。

Google Chromeの拡張機能で［Illegal return statement］エラーが発生する場合の対処法について書きました。

コードの冒頭で return コードで終了してしまうのが原因なので、function ステートメントで全体を囲むことでエラーを回避できます。

Google Chromeの拡張機能で［Illegal return statement］エラーが発生してしまう人の参考になれば幸いです。

最後までご覧いただきありがとうございます。