使用React和Firebase的Chrome新标签扩展程序会随机引发CSP错误

问题描述

我为Chrome构建了一个新标签页扩展程序，该扩展程序使用Firebase来存储数据。本质上，它是一个可在多个设备上运行的即时贴应用程序。 我使用create-react-app来构建所有内容，并修改了清单，并在构建后向HTML添加了一行。

添加后，效果很好，但是经过一段时间，5分钟，一个小时甚至一天后，它停止工作并引发以下错误：

拒绝加载脚本”，因为它违反了以下内容安全策略指令：“ script-src'self'blob：filesystem：”。请注意，未明确设置“ script-src-elem”，因此将“ script-src”用作备用。

我可以简单地删除并添加该扩展名，但这会很烦人。

如果需要，这是清单：

{
  "manifest_version": 2,"name": "New Tab Sticky Notes","version": "1.0","description": "React based sticky notes in a new tab","incognito": "split","chrome_url_overrides": {
    "newtab": "index.html"
  }
}

这是我添加到HTML的那一行：

<Meta http-equiv="Content-Security-Policy" content="default-src *;" />

我听说CSP非常严格，但是即使只是解释为什么它会随机停止工作也会很好。

在此问题之前，我曾尝试更改manifest.json，但没有成功。除此以外，我没有其他成功获得扩展才能首先使用的功能。 我不能共享更多的代码，因为React在构建过程中会最小化此代码，此外，程序会按预期运行，直到将其作为扩展上传为止，这意味着问题很可能与我已经提供的信息有关。自构建以来（起作用的地方）和此处（清单中显示的）以及index.html

中的单行，唯一发生变化的地方

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）