There was an error loading payments.Please refresh or try again later. PWA Venia Theme Magento2.4 issue coming on

Question

I have installed PWA Venia Theme with magento2.4.1 EE but on checkout, no payment methods are loading. Error Getting: There was an error loading payments. Please refresh or try again later. Attached the image below Is anyone faced the same issue? or anyone has any information regarding this issue?

Answer 1

For me, this issue was caused by missing any valid payment methods. As indicated by the error message, I followed the error to checkoutPage.js line 180 and debugging showed paymentMethods (which is the dynamic build-time content of paymentMethodCollection.js) was empty.

After adding the correct Braintree sandbox credentials to Stores -> Configuration -> Sales -> Payment Methods -> Recommended solutions -> Braintree, the error was gone.

For Magento 2.4.2 and PWA Studio 10.0.0 (compatibility here), if you add the checkmo extension (mentioned in the release notes here), the Check / Money Order option also appears.

TLDR: Check if you have valid payment options for PWA.