DEV Community

Discussion on: Integrate PayPal with Vue Application

Collapse
 
celfonica profile image
Abraham Felix • Edited

Hello Kevin Odongo, I hope you are doing good, this looks awesome!, I have been trying to run the script tag file inside the index HTML, but unfortunately i am having some trouble seems like our configuration is the same from what i check on GitHub repo, and i have all set in place but i get this error, do you have an idea on how i can fix this error :

Error: Child compilation failed:
Module build failed (from ./node_modules/html-webpack-plugin/lib/loader.js):
SyntaxError: Unexpected identifier

I actually think is this line:

src="paypal.com/sdk/js?client-id=${CLIENT ID}" data-sdk-integration-source="button-factory"

in the script tag on index that is causing the problem

solution: i was not putting in my App Client ID in the "${CLIENT ID}" part, LOL.


Another issue i found regarding paypal update is that we need to pass in this in the script tag:

src="https://www.paypal.com/sdk/js?client-id=${process.env.VUE_APP_PAYPAL_CLIENT_ID}&components=buttons&vault=true&intent=subscription" data-sdk-integration-source="button-factory"

solution: the vault=true and the intent=susbcription to get 2 warnings out of the way ( also added the env variable for the credential )


Thanks a lot for the tutorial

how can i Save the subscription id in my Database ?