Home

I have deployed my page on netlify, which is not loading, instead i get following error which i have zero success debugging:

client.js:60 [nuxt] Error while initializing app TypeError: i.Config is not a constructor
    at Object.s (https://nuxt.testpage.com/_nuxt/app.425851a1d95d8b38d6b4.js:2:117827)
    at J2Ti.k (https://nuxt.testpage.com/_nuxt/app.425851a1d95d8b38d6b4.js:2:9751)
    at https://nuxt.testpage.com/_nuxt/app.425851a1d95d8b38d6b4.js:2:111429
    at r (https://nuxt.testpage.com/_nuxt/app.425851a1d95d8b38d6b4.js:2:12416)
    at Generator._invoke (https://nuxt.testpage.com/_nuxt/app.425851a1d95d8b38d6b4.js:2:13461)
    at Generator.e.(anonymous function) [as next] (https://nuxt.testpage.com/_nuxt/app.425851a1d95d8b38d6b4.js:2:12595)
    at r (https://nuxt.testpage.com/_nuxt/common.e173e702484a35932444.js:2:118568)
    at https://nuxt.testpage.com/_nuxt/common.e173e702484a35932444.js:2:118716
    at new Promise (<anonymous>)
    at new e (https://nuxt.testpage.com/_nuxt/common.e173e702484a35932444.js:2:130100)
(anonymous) @ client.js:60

UPDATE:

So after much debugging i realized that the problem was due to my shopify-buy package. The code has been untouched since i migrated from a standard vuejs project to nuxt, so i was assuming it would just work as is.

Basically the problem arises when the project has been build while the state contains the shopify client variable: https://github.com/maziarz/nuxt-netlify-test/blob/master/store/index.js#L5:

import Vue from 'vue'
import Client, { Config } from 'shopify-buy'

export const state = () => ({
  $shopifyClient: new Client(
    new Config({
      domain: 'graphql.myshopify.com',
      storefrontAccessToken: 'dd4d4dc146542ba7763305d71d1b3d38'
    })
  )
})

Online demo of the build: https://florist-coder-21347.netlify.com/

I cannot reproduce this error in a clean VueJS project.