search

tristansokol / vue-square

An example of using Vue.js with the Square payment form
25 stars 8 forks source link

After using Audit fix, site no longer works #5

Open jmohler1970 opened 4 years ago

jmohler1970 commented 4 years ago

I ran

npm audit fix

When I try to run it, I get

Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'requestCardNonce' of undefined"

found in

---> <PaymentForm> at src/components/paymentForm.vue
       <Product> at src/components/product.vue
         <Store> at src/components/store.vue
           <App> at src/App.vue
             <Root>
warn @ vue.esm.js?efeb:628
logError @ vue.esm.js?efeb:1893
globalHandleError @ vue.esm.js?efeb:1888
handleError @ vue.esm.js?efeb:1848
invokeWithErrorHandling @ vue.esm.js?efeb:1871
invoker @ vue.esm.js?efeb:2188
original._wrapper @ vue.esm.js?efeb:7565
vue.esm.js?efeb:1897 TypeError: Cannot read property 'requestCardNonce' of undefined
    at VueComponent.requestCardNonce (paymentForm.vue?edb5:166)
    at click (eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-1a27c10a","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/paymentForm.vue (app.js:954), <anonymous>:140:24)
    at invokeWithErrorHandling (vue.esm.js?efeb:1863)
    at HTMLButtonElement.invoker (vue.esm.js?efeb:2188)
    at HTMLButtonElement.original._wrapper (vue.esm.js?efeb:7565)

Screen Shot 2020-04-19 at 9 38 13 PM

jmohler1970 commented 4 years ago

This is caused by the async issue.

This will be solved by removing async. See pull request #3