adsbygoogle is not defined

[YankeeTube]

i used
nuxtjs version is 2.14.5
@nuxtjs/storybook version is 2.2.2

console error message

Is there any way to use @nuxtjs/Google-Adsense in the @nuxtjs/storybook?

[farnabaz]

Could you provide a reproduction sample on codesandbox?

[YankeeTube]

@farnabaz

preview.js

import '~~/.nuxt-storybook/storybook/preview.js'

import Vuetify from 'vuetify'
import colors from 'vuetify/es5/util/colors'
import 'vuetify/dist/vuetify.min.css' // all the css for components

const vuetifyConfig = new Vuetify({
  customVariables: ['~/assets/variables.scss'],
  optionsPath: './vuetify.options.js',
  treeShake: true,
  theme: {
    dark: false,
    themes: {
      dark: {
        teal: colors.amber,
        primary: colors.blue.darken2,
        accent: colors.grey.darken3,
        secondary: colors.amber.darken3,
        info: colors.teal.lighten1,
        warning: colors.amber.base,
        error: colors.deepOrange.accent4,
        success: colors.green.accent3
      }
    }
  }
})

export const decorators = [
  (_) => {
    return {
      vuetify: vuetifyConfig,
      template: `
        <v-app>
        <v-main>
          <v-container fluid>
            <story />
          </v-container>
        </v-main>
        </v-app>`
    }
  }
]

main.js

module.exports = {
  webpackFinal (config, options) {
    config = options.nuxtStorybookConfig.webpackFinal(config, options)
    // extend config
    return config
  },
  stories: ['../components/**/*.stories.@(ts|js)'],
  addons: ['@storybook/addon-knobs', '@storybook/addon-viewport'],
}

But I'm not declaring an google-adsense in the stories file.
only used index page

[YankeeTube]

nuxt.config.js - module

modules: [
    // https://go.nuxtjs.dev/pwa
    '@nuxtjs/pwa',
    [
      '@nuxtjs/google-adsense',
      {
        id: `ca-pub-${process.env.ADSENSE_KEY}`
      }
    ]
  ],

[farnabaz]

I see,
We need to update both @nuxtjs/google-adsense and @nuxtjs/storybook module

[YankeeTube]

Oh, so is there no other way but to wait until the update is done?
Even if we set the

// nuxt.config.js
storybook: {
  modules: false,
  ...
}

the phenomenon continues...

[farnabaz]

The only workaround before the update is to remove @nuxtjs/google-adsense.

[YankeeTube]

ㅜㅜ Thank you for your help. I hope it will be updated soon!