无法使用 firebase db 在清单 v3 中构建 chrome 扩展？

Question

我正在尝试构建一个 chrome 扩展，它在我的content.js文件中使用 firebase 作为数据库，但它不起作用。 我正在使用v3清单。 但是我无法导入 firebase。

我尝试使用此资源在我的项目中设置 firebase。 我还尝试从firebase-app.js和firebase-database.js下载源代码，并使用导入

const firebase = chrome.extension.getURL('./firebase-app.js');

但是这个文件有来自

https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js

这违反了content_security_policy ，我得到了这个错误

Refused to load the script ‘https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js’ because it violates the following Content Security Policy directive: “script-src ‘self’ ‘wasm-unsafe-eval’“. Note that ‘script-src-elem’ was not explicitly set, so ‘script-src’ is used as a fallback.

我知道外部代码限制。

在 vanilla JS 实现中是否有任何解决方法？

Answer 1

作为 ECR state，您无法从 CDN 加载这些脚本。

相反，您必须安装 JavaScript 构建管道（例如webpack或Rollup ）来编译您的扩展代码的应用程序包。

Firebase 有关于此过程的文档和指向值得查看的相关资源的链接。