You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Ionic 3 livereload调试Android应用时Stripe报错Stripe.js需从js.stripe.com加载

问题原因
  • Stripe官方要求Stripe.js必须从官方域名js.stripe.com加载,不允许本地托管或打包到应用本地资源中。
  • 执行ionic cordova build android打包时,应用页面运行在file:///android_asset/www/文件协议上下文,Stripe的域名校验逻辑对本地文件协议做了兼容,因此不会触发报错。
  • 开启热重载调试时,Ionic会启动本地HTTP开发服务器,页面通过http://<本地IP>:<端口>的HTTP协议加载,Stripe检测到代码不是从官方CDN引入,因此抛出集成错误。
解决方案

方案1(推荐,适配所有场景)

调整Stripe.js引入方式,不要将Stripe.js安装到本地依赖、也不要打包到本地资源包,直接在项目index.html的<head>标签内引入官方CDN链接:

<script src="https://js.stripe.com/v3/"></script>

如果之前通过npm安装了Stripe相关的前端依赖包,建议卸载,避免本地打包的代码和CDN引入的代码冲突。
该方式在打包和热重载场景下,都会从Stripe官方域名加载代码,完全符合Stripe的集成要求,不会触发校验错误,原有业务代码无需修改。

方案2(仅临时调试使用)

如果仅需要临时调试不想调整引入逻辑,可以在热重载命令后添加禁用安全校验参数,完整命令如下:
ionic cordova run android --livereload --disable-host-check
注意:该方案仅适用于本地开发调试,禁止在生产环境使用。


内容的提问来源于stack exchange,提问作者Mr. Void

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 14:45:07