create-react-appビルドでchrome storage APIを使用する

Question

私はクロム拡張を作成していて、create-react-appを使ってプロジェクトをブートストラップしました。

一般的な問題：

私は私のアプリを反応

固有の問題でchrome.storage APIにアクセスしたい：

私は私の反応にchrome.storage APIを使用できるようにしたいですappにいくつかの設定を保存するように私のsrcディレクトリにスクリプトを作成しました。これはchrome.storage.sync.set()を呼び出しました。 'chrome' is not defined no-undefを取得しました。これは、マニフェストにこの呼び出しを行うスクリプトを含める必要があるためです。問題は、私のマニフェストにsrcのこのスクリプトを含めることができないということです。なぜなら、create-react-appがプロジェクトをビルドした後に、srcが縮小され、ファイル構造がすべて変更されるからです。

もう1つの問題は、私がsrcからインポートするcreate-reactions-app enforceですが、publicのデータが必要なため、publicから関数をインポートしてchrome API呼び出しを行うことはできません。私はcreate-react-appにeject機能があることを知っていますが、私はcreate-react-appが私に与えるビルド機能を維持したいと思います。

srcディレクトリからchrome.storage APIにアクセスしているときに、create-react-appのビルド機能を維持するにはどうすればよいですか？

Answer 1

このエラー（'chrome is not defined no-undef'）は糸くずれエラーのようです。 create-react-appに付随するリンターは、あなたのコードがそれを決して定義していないので、chromeは未定義だと思っています。リンターは、Chrome拡張機能ではグローバル変数なので、を定義する必要はありません。

chrome変数を使用するファイルの先頭に/* global chrome */を追加してみてください。