打包后 Chrome 扩展程序不显示弹出窗口

Question

我正在制作一个具有来自 Auth0 的登录功能的 Chrome 扩展程序，为此，如果用户单击登录按钮，它会显示来自 Auth0 的登录页面。

在我的本地机器上，我使用本地文件夹load unpacked extension，然后当我点击登录按钮时，它会显示登录弹出页面。

但是当我点击pack extension时，它停止显示弹出页面。

我的清单包括：

"permissions": [ "tabs", "storage", "identity", "notifications" ]

"oauth2": { "client_id": "***.apps.googleusercontent.com", "scopes": ["profile"] }

我检查了后台页面库 JS 文件是否也在加载 auth0。

这里还有什么问题？

Answer 1

问题在于 auth0 设置和 Chrome 扩展 ID 上的 Allowed Callback URLs。

在 Auth0 设置中，我的回调 URL 是 https://some-id-for-my-extesion.chromiumapp.org/auth0，如果开发人员选择源代码文件夹，则此 ID 相同，因为我在 manifest.json 中包含导出密钥。

但是，当我打包我的扩展时，即使我没有指定密钥，它也会给我不同的扩展 ID，并且manifest.json 仍然包含导出密钥。所以打包后我的 ID 将是 packed-ext-id，所以我的回调 URL也应该是http://packed-ext-id.chromiumapp.org/auth0

如果您遇到此问题，请检查 auth0 上的回调 URL，并确保它与扩展名匹配。

您可以在扩展程序下方看到 ID。