Checkout is undefined

[dcharua]

Hi @JsssCode

First of all thank you very much for the code.
Im have problems with the check out, Im getting this result

vendor.js:45065 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'checkout' of undefined
TypeError: Cannot read property 'checkout' of undefined
at main.js:1361
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:3268)
at Object.onInvoke (vendor.js:46624)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:3267)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (polyfills.js:3018)
at polyfills.js:3752
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:3301)
at Object.onInvokeTask (vendor.js:46615)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:3300)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:3068)
at main.js:1361
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:3268)
at Object.onInvoke (vendor.js:46624)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:3267)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (polyfills.js:3018)
at polyfills.js:3752
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:3301)
at Object.onInvokeTask (vendor.js:46615)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:3300)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:3068)
at resolvePromise (polyfills.js:3694)
at resolvePromise (polyfills.js:3651)
at polyfills.js:3753
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:3301)
at Object.onInvokeTask (vendor.js:46615)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:3300)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:3068)
at drainMicroTaskQueue (polyfills.js:3475)
defaultErrorLogger @ vendor.js:45065

The products are being pulled correctly but i can not checkout in the page or shopify, and the this.cardtId is always null, any idea?

Thank you very much for your time

[JsssCode]

Hello @dcharua.
That is great that my sample is useful for you.
Error provided by you does not allow give you any idea about solving this. So maybe these directions help.

1. Guess you mean this.cartId.
2. Did you reply to all steps of video https://www.youtube.com/watch?v=aggRpY_5t1o correctly?
3. Did you get an error here
   ?

If these will not help, provide me a line of code in which you get the error. Probably I am not catching all errors as should be done in production projects, so such problems might come up.

Do not forget to star my project, if it helps you, this inspire me for future open source projects!