javascript - 如何修复带有 Chrome 扩展 Manifest.json 的内容脚本的 UTF-8 Firebase 错误？

Question

我制作了一个 Chrome 扩展程序并使用 Firebase 对用户进行身份验证。我从 https://www.gstatic.com/firebasejs/4.11.0/firebase.js 下载了 Firebase.js ，希望将 firebase 代码添加到我的 chrome 扩展 list 中。 Firebase 身份验证发生在内容脚本中，因此需要将其包含在“content_scripts”下的“js”中。

Manifest.json Content Script Example

相反，我在放置 firebase.js 时收到 UTF-8 错误。

Error: Could not load file 'js/lib/firebase.js' for content script. It isn't UTF-8 encoded. Could not load manifest.

我尝试在 Mac 上使用 TextEdit 将文件保存为 UTF-8 - 仍然不走运。

我做错了什么？

Answer 1

在我的例子中，问题源于压缩器/混淆器(例如 uglify)如何编码某些字符。我的开发构建工作正常，但是当我使用缩小构建时出现了这个 UTF8 错误。

Could not load file 'content-script.js' for content script. It isn't UTF-8 encoded.

对我来说，解决方案是禁用缩小。

这是一个可以接受的权衡，因为用户不会在每次页面加载时都从服务器下载代码。它仅在安装或更新扩展时下载一次。多一点知识库不会有任何坏处。