在Chrome扩展程序中使用react js

时间:2016-02-05 16:47:00

标签: javascript google-chrome google-chrome-extension reactjs babeljs

我正在按照本教程构建一个新的标签铬扩展程序.. https://facebook.github.io/react/docs/tutorial.html

但是当我附上

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

根据教程的建议使用babel渲染JSX我从浏览器控制台收到此错误。

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

我知道这违反了CSP指令但是又如何使用babel使用最新的reactJS?

3 个答案:

答案 0 :(得分:33)

在manifest.json文件中,您可以尝试设置

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

我从here得到了答案。这为我摆脱了错误,但是我对它的了解不足以了解其他含义,抱歉。

答案 1 :(得分:0)

对于任何来这里的人来说,布鲁诺的答案都更正确。使用“生产”模式。例如。角

ng build --prod

答案 2 :(得分:0)

在我的.env文件中添加INLINE_RUNTIME_CHUNK=false完全为我修复了该问题。