Stripe Firefox Chrome 扩展程序重定向 url 不起作用

Question

似乎这个问题已被问过很多次，但每次都有不适用的略有不同的答案。 我正在使用 chrome 扩展并尝试将其移植到 Firefox。 它是一个使用 HTML 页面加载我的 App.js 的 react-app。

我的 manifest.json：

  "web_accessible_resources": ["images/*"],
  "content_security_policy": "script-src 'self' https://apis.google.com/; script-src-elem https://js.stripe.com; object-src 'self'"
}

我的 HTML 文件：

...
  <div id="root"> </div>
  <script src="https://js.stripe.com/v3/"></script>
  <script src="App.js"></script>
</body>

我的 App.js 文件：

import { loadStripe } from "@stripe/stripe-js";

 if (sessionId) {
        // We have a session, let's redirect to Checkout
        // Init Stripe
        const stripe = loadStripe(STRIPE_PUBLISHABLE_KEY);
        stripe.redirectToCheckout({ sessionId });
      }

它失败了，因为它一直说以下错误：

我无法弄清楚问题是什么，希望得到一些帮助！

Answer 1

当我删除 apis.google.com 时，这个问题得到了解决——以防将来有人需要这个，然后 Stripe 开始工作。