7

我下面这个教程中建立一个新的选项卡浏览器扩展程序.. https://facebook.github.io/react/docs/tutorial.html使用反应JS在Chrome扩展

但是当我附上

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

渲染JSX使用巴贝尔由教程建议我从浏览器控制台收到此错误。

“browser.min.js:4未捕获的EvalError:拒绝评估字符串为JavaScript,因为'unsafe-eval'不是下列内容安全策略指令中允许的脚本源:”script-src'self' blob:filesystem:chrome-extension-resource:“。” screenshot of the error

我知道这是违反CSP指令,但后来又如何使用最新的reactJS使用巴贝尔?

+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