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 開始工作。