Appで作ったものを拡張機能にできるのか試してみました。Appでひな型を作成します。Appの詳細な説明は省略しますがFacebook公式のReactのboilerplateです。--typescriptこれでsampleというディレクトリにReactのひな型が作成されました。startブラウザが起動しreactのひな型が起動します。作成したひな型をEdge拡張にではこれをEdge拡張にしてみましょう。publicディレクトリ内のmanifest.jsonを以下のように書き換えます。}}書き換えたらビルドします。buildbuildディレクトリが作成され、中にビルド結果が出力されます。「開発者モード」をONにします。「展開して読み込み」を選択し先ほど作成されたbuildディレクトリを指定します拡張機能が追加され、アドレスバーの横にアイコンが表示されました。アイコンを押してみるとエラーになりました。scriptはダメと怒られているようです。「すべてクリア」でエラーを消しておきましょう。エラー修正buildディレクトリ内のindex.htmlを見てみましょう。この部分がダメっぽいです。sampleディレクトリ直下に.envファイルを以下の内容で追加します。INLINE_RUNTIME_CHUNK=falseこれはインラインスクリプト部分をいい感じに外出しにしてねというやつです。buildインラインスクリプト部分がいい感じに外出しされました。Edgeを開きアドレスバー横の拡張機能アイコンを押すと動きました。!さすがにアレなのでサイズを指定しましょう。お行儀良くないですがスタイルに直に幅と高さを記述します。build動きました。作成した拡張機能を試しにChromeで動かしてみるとそのまま問題なく動くことが確認できます。月別アーカイブはてなブログをはじめよう!Shinji_Japanさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。