Cannot read property 'guess' of undefined

[ctf0]

am trying to use guess with laravel through a pre-defined routes file like in nuxt example so the setup is

• guess-routes.json ex.

{
    "\/": {
        "\/login": 2,
        "\/about": 1
    },
    "\/about": {
        "\/contact-us": 1
    },
    "\/contact-us": {
        "\/": 1
    }
}

• webpack

const {readFileSync} = require('fs')
const {GuessPlugin} = require('guess-webpack')

mix.webpackConfig({
    plugins: [
        new GuessPlugin({
            reportProvider() {
                return Promise.resolve(JSON.parse(readFileSync('./guess-routes.json')))
            }
        })
    ]
})

• app.js

import {guess} from 'guess-webpack/api'
guess()

• error
  

[mgechev]

@daliborgogic do you know what might be going on here?

[daliborgogic]

@mgechev Yes. guess runs only on client side. In webpack config just add condition @ctf0

[ctf0]

@daliborgogic can u elaborate ? an example might help as well

[daliborgogic]

I think real problem is in app.js.
This is required because we don't want to run Guess.js on the server

// app.js
if (typeof window !== 'undefined') {
   // Invoke guess() here
}
// Rest of app logic

[ctf0]

actually the check wont make any diff because its a php not a node env but still nothing changed, same error

[mgechev]

Would you share a minimum demo where we can reproduce the problem?

[ctf0]

sure, here is a demo repo https://github.com/ctf0/guess-demo
u need laravel & composer installed on ur system

[zipme]

I have the same issue here with a nuxt project, I am using this module https://github.com/nuxt-community/guess-module

The config in nuxt.config.js is something like:

['@nuxtjs/guess', {
  GA: process.env.GA_VIEW_ID,
  jwt: {
    private_key: process.env.GA_PRIVATE_KEY,
    client_email: process.env.GA_CLIENT_EMAIL
  },
  period: {
    startDate: new Date('2018-09-01'),
    endDate: new Date('2018-10-09')
  },
  runtime: {
    delegate: true,
    prefetchConfig: {
      '4g': 0.3,
      '3g': 0.3,
      '2g': 0.3,
      'slow-2g': 0.3
    }
  }
}],

[daliborgogic]

@zipme guess-webpack don't have option jwt. Can you share your nuxt.config.js?

[zipme]

@daliborgogic Hi, I think it does, check this thread #80

[daliborgogic]

Thanks for point to this thread. Will check if there is any changes in API.

[daliborgogic]

@zipme Is your GA in format UA-XXXXXXXX-X or XXXXXXXX?

[zipme]

it's the view id, it's XXXXXXXX

[zipme]

hi @daliborgogic , after I disabled the pwa and remove all the cache the error seems to be gone, I guess it was the previous cached js caused the issue. Thanks for the help!!

[mgechev]

How did you disabled the PWA? Ideally, Guess.js should not interfer with other modules.

[zipme]

@mgechev I guess the issue I have is that I did some misconfiguration in the nuxt.config, but because of the PWA, the incorrect js file was being loaded even though I adjusted the config file, after I temporarily disabled the pwa module and clear the cache it works.

[ctf0]

@mgechev any news 🎈 ?