Google chrome extension PayPal智能按钮窗口会立即关闭,但不会';t如果你先检查延长线

Google chrome extension PayPal智能按钮窗口会立即关闭,但不会';t如果你先检查延长线,google-chrome-extension,paypal,Google Chrome Extension,Paypal,这种情况听起来很奇怪。我在我的chrome浏览器扩展中安装了一个PayPal智能按钮,当你点击它时,它应该会弹出一个窗口进行支付,但如果你点击它,它会立即打开然后关闭。但是,如果您首先检查chrome扩展的元素,它将按预期工作 要复制,请使用createreact应用程序和change manifest.json来支持像这样的chrome扩展 然后npm为找到的PayPal智能按钮安装React组件 更改manifest.json以允许从PayPal sdk进行跨站点脚本编写。我的看起来像这样

这种情况听起来很奇怪。我在我的chrome浏览器扩展中安装了一个PayPal智能按钮,当你点击它时,它应该会弹出一个窗口进行支付,但如果你点击它,它会立即打开然后关闭。但是,如果您首先检查chrome扩展的元素,它将按预期工作

要复制,请使用createreact应用程序和change manifest.json来支持像这样的chrome扩展

然后npm为找到的PayPal智能按钮安装React组件

更改manifest.json以允许从PayPal sdk进行跨站点脚本编写。我的看起来像这样:

{
  "manifest_version": 2,

  "name": "My Extension",
  "description": "This extension is a starting point to create a real Chrome extension",
  "version": "0.0.1",

  "browser_action": {
    "default_popup": "index.html",
    "default_title": "Open the pop"
  },
  "icons": {
    "16": "icon.png",
    "48": "icon.png",
    "128": "icon.png"
  },
  "content_security_policy": "script-src 'self' https://www.paypal.com 'sha256-XO8a3VLCcLhZnllQZgHKyrG3nkR+E4otizACoHJ7aEA'; object-src https://www.paypal.com 'self';",  
  "permissions": [
    "tabs", "activeTab", "http://*/", "https://*/"
  ]
}  
最后,将App.js更改为包含组件npm run script build,并将其加载到chrome扩展中以复制:

从“React”导入React;
从“react-paypal-button-v2”导入{PayPalButton};
函数App(){
返回(
{
警报(“交易由“+详细信息.付款人.名称.给定名称”完成);
//可选:调用服务器保存事务
返回fetch(“/paypal事务完成”{
方法:“张贴”,
正文:JSON.stringify({
orderID:data.orderID
})
});
}}
/>
)
}
导出默认应用程序

我添加了一些代码来重现我的问题@直到什么都没有。从逻辑上看,问题出在PayPalButton组件内部。我也面临同样的问题。