Js-buy-sdk: _shopifyBuy.Config is not a constructor

[vasinl124]

"shopify-buy": "^1.0.0-beta.3"

Got this error in the console when I am trying to follow the get started tutorial from this repo https://github.com/Shopify/storefront-api-examples/tree/master/react-js-buy.

[minasmart]

I'd need to see your code to understand more, but my guess is, it's related to this issue.

There's a working example in there, and the docs need to be updated. If this isn't the fix you need, please let me know.

[maziarz]

I have the exact problem, but in a Nuxt project (VueJS)..

[vasinl124]

Hi @minasmart

I tried from the example react-js-buy https://github.com/Shopify/storefront-api-examples/tree/master/react-js-buy

import Client from 'shopify-buy';

const config = {
domain: 'graphql.myshopify.com',
storefrontAccessToken: 'dd4d4dc146542ba7763305d71d1b3d38'
}

export const client = Client.buildClient(config)

I got another error said Uncaught TypeError: this.props.client.createCheckout is not a function

[minasmart]

That example is designed to work with the alpha. It hasn't been updated to work with he beta as of yet.

[benbonnet]

@minasmart to clarify as it feels troublesome; one should avoid referring to the README when running the examples; and avoid referring to the examples when simply running a yarn add shopify-buy in a project (which does not show alpha nor beta); right ?

[minasmart]

The readme specifies buildClient for initializing now as far as I can tell?

[benbonnet]

indeed and it is working well now. just getting in; wrongly expected the examples in full sync with the latest version

[minasmart]

Which examples aren’t in sync?

[swalkinshaw]

https://github.com/Shopify/storefront-api-examples I believe

[minasmart]

The comment referenced the examples in the readme though.

[benbonnet]

-_- not even on the right repo; my bad sorry for that. but yep landed here using the "storefront-api-examples" repo

[tanakachitsamba]

Hi @minasmart, I too am experiencing the error: App.js:23 Uncaught TypeError: this.props.client.createCheckout is not a function but I am in the Alpha.

"shopify-buy": "^1.0.0-alpha.9"

const Client = require('shopify-buy')

const config = {
  storefrontAccessToken: 'dd4d4dc146542ba7763305d71d1b3d38',
  domain: 'graphql.myshopify.com',
}

const shopify = Client.buildClient(config)

module.exports = shopify

[minasmart]

Any reason why you're not on the release version of v1? Everything should be working there.

[maziarz]

@minasmart, is all the helper functions implemented in the v1 release, e.g. Client.Product.Helpers?

[minasmart]

All helpers are referenced by lower case as client.<resource>.helpers, or in this case client.product.helpers. The only product helper that's currently necessary is client.product.helpers.variantForOptions which is documented here

[maziarz]

@minasmart, excellent! I will begin migrating soon 👍 Cheers.