在Chrome扩展中使用react js

Question

我将按照本教程构建一个新的tab chrome扩展。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未捕获资源:拒绝将字符串作为资源求值，因为在以下内容安全策略指令中，‘EvalError- JavaScript’不是允许的脚本源：“browser.min.js:4-src 'self‘blob: filesystem: chrome-extension- EvalError：”.“screenshot of the error

我知道这违反了CSP指令，但话又说回来，我如何才能使用巴别塔使用最新的reactJS？

Answer 1

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

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

我从here那里得到了答案。这对我来说消除了这个错误，但我对它的了解还不够深入，无法知道其他的含义，抱歉。

Answer 2

在我的.env文件中添加INLINE_RUNTIME_CHUNK=false完全解决了这个问题。

Answer 3

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

ng build --prod