.NET Core集成Adyen报错'AdyenCheckout is not defined'如何解决？

核心原因 #

你遇到的ReferenceError: AdyenCheckout is not defined，本质是Adyen前端Checkout SDK没有被加载到页面中，你的自定义脚本adyenImplementation.js执行时，找不到全局的AdyenCheckout构造函数。

修复步骤 #

1. 在页面中添加Adyen SDK脚本引用 #

打开你的Index.cshtml，在自定义脚本adyenImplementation.js之前，添加Adyen Checkout SDK的脚本和样式（样式可选，但能保证Drop-in的UI正常显示）：

<!-- 测试环境SDK脚本，和你代码里的environment: "test"对应 -->
<script src="https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/6.5.1/adyen.js" crossorigin="anonymous"></script>
<!-- 可选：引入Adyen官方样式 -->
<link rel="stylesheet" href="https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/6.5.1/adyen.css" crossorigin="anonymous">

<!-- 你的自定义支付逻辑脚本 -->
<script src="~/js/adyenImplementation.js" asp-append-version="true"></script>

注意：如果后续切换到生产环境，要把域名换成checkoutshopper-live.adyen.com，同时保持版本号和你使用的文档一致（你参考的是v6.5.1，所以路径里的版本号要对应）。

2. 验证脚本加载顺序 #

必须保证Adyen SDK脚本先于你的adyenImplementation.js加载，否则自定义代码执行时，SDK还未初始化，依然会出现未定义错误。

3. 排查加载异常 #

• 打开浏览器控制台（F12），切换到「网络」标签，刷新页面，确认adyen.js能正常加载（状态码200）
• 如果出现404错误，检查脚本URL的版本号是否正确，或者环境域名是否匹配（测试/生产）

额外检查 #

你参考的官方示例中肯定包含了SDK脚本的引用，可能你在复制代码时遗漏了这部分，可以对比示例的页面文件，确认没有缺失关键的资源引用。

内容的提问来源于stack exchange，提问作者user964787