问题 chrome 内容安全策略反应扩展清单答案

【问题标题】：Problem chrome content security policy react extension manifest问题 chrome 内容安全策略反应扩展清单
【发布时间】：2020-02-28 22:15:49
【问题描述】：

我创建了一个非常简单的扩展 chrome，但我有一个问题我无法修复它，问题是 google chrome 的内容安全策略，我需要帮助来修复它这是错误：

拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src 'self' blob: filesystem: chrome-extension-resource:”。启用内联执行需要“unsafe-inline”关键字、哈希（“sha256-wkEhk1Pm58HZQSzT/oPAcIeUYSsJpEEGo2v2M1aGgTs=”）或随机数（“nonce-...”）。

enter image description here

【问题讨论】：

使用单独的js文件，more info。

标签： reactjs google-chrome google-chrome-extension google-chrome-devtools

【解决方案1】：

默认情况下，React 使用您的浏览器将在扩展程序中拒绝的内联脚本。在你的 react 应用中创建一个 .env.production 文件，并在其中指定 INLINE_RUNTIME_CHUNK=false。

来源：https://gist.github.com/amad-person/f0ef85a2123a2e1fcf8052dcf09eef90

【讨论】：