7

でJSを反応させるが、私は、チュートリアルで示唆したようにバベルを使ってJSXをレンダリングするためは <a href="https://facebook.github.io/react/docs/tutorial.html" rel="nofollow noreferrer">https://facebook.github.io/react/docs/tutorial.html</a></p> <p>..私は新しいタブChrome拡張機能を構築するために、このチュートリアルを、以下の午前Chromeの拡張機能

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 

を添付する場合このエラーはブラウザのコンソールから表示されます。

"browser.min.js:4 Uncaught EvalError:次のコンテンツセキュリティポリシーの指示文で 'unsafe-eval'が許可されていないため、文字列をJavaScriptとして評価することを拒否されました:" script-src 'self' blob:ファイルシステム:chrome-extension-resource: "。" screenshot of the error

これはCSP指令に違反していることは知っていますが、もう一度最新のreactJSをbabelでどうやって使うことができますか?

+0

拡張子に 'browser.min.js'をファイルとして含め、リンクします。 (これは別の質問と重複しているはずですが、見つけられません)マニフェストで '' content_security_policy ''を使うこともできますが、それはもっと複雑です。 – Teepeemm

答えて

18

あなたのmanifest.jsonをファイルでは、

"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" 

を設定してみてくださいすることができます私はhereからの回答を得ました。これは私のためのエラーを取り除きましたが、私は他の意味について知るために十分知識がありません、申し訳ありません。

+0

偉大な..私は同様の問題に直面していた。 これは、このソリューションで動作しています。 – RajibTheKing

+0

は私のために働く!ありがとうございました! – Matiishyn

関連する問題