在Chrome扩展程序中使用react js

Ahs*_*cky 13 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>
Run Code Online (Sandbox Code Playgroud)

根据教程的建议使用babel渲染JSX我从浏览器控制台得到了这个错误.

"browser.min.js:4 Uncaught EvalError:拒绝将字符串评估为JavaScript,因为'unsafe-eval'不是以下内容安全策略指令中允许的脚本源:"script-src'self'blob:filesystem:铬扩展资源:"" 错误的屏幕截图

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

小智 37

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

"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
Run Code Online (Sandbox Code Playgroud)

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

  • 我使用webpack的默认"生产"模式解决了这个问题. (6认同)