This throws an error while using with nuxt.js. Since nuxt doesn't use webpack explicit

Okay I solved it using nuxt.config.js <div class="snippet-clipbo

window is not defined - nuxt about vue-introjs HOT 5 CLOSED

alex-oleshkevich commented on July 19, 2024

window is not defined - nuxt

from vue-introjs.

Comments (5)

AshwinTayson commented on July 19, 2024 1

Okay I solved it using

nuxt.config.js

const webpack = require('webpack')
build: {
    plugins: [
      new webpack.ProvidePlugin({
        'introJs': ['intro.js', 'introJs']
      })
    ]
  }

and restart the server. Its documented in https://nuxtjs.org/faq/webpack-plugins

from vue-introjs.

alex-oleshkevich commented on July 19, 2024 1

seems like you did not correctly registered this plugin in vue.

…

On Thu, Apr 26, 2018 at 9:04 AM, Ashwin A ***@***.***> wrote: But now it complains about this.$intro() is not a function on initialising. Can you please help? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#21 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAmzyJ3-HdVdagb1-GJHJbbu_dnACLk3ks5tsWOEgaJpZM4TjDeQ> .

-- Sincerely, Alex Oleshkevich

from vue-introjs.

alex-oleshkevich commented on July 19, 2024

https://nuxtjs.org/faq/extend-webpack/

from vue-introjs.

AshwinTayson commented on July 19, 2024

Can you give an example of how to use with nuxt?

I tried declaring it as plugins since it is similar to webpack.providePlugin. It throws an error Unexpected token import

from vue-introjs.

AshwinTayson commented on July 19, 2024

But now it complains about this.$intro() is not a function on initialising. Can you please help?

from vue-introjs.