$axios is not available

[NeOMakinG]

Hello guys,

Someone faced this error on nuxt ? I've added the 2 modules to nuxt.config.js and the auth module return me this error with !this.app.$axios...

Thanks for your response..

NeOMakinG

_{This question is available on Nuxt.js community (#c43)}

[fanckush]

Im not sure why this is happening but did you add axios to the modules before auth? like so:

modules: [
'@nuxtjs/axios',
'@nuxtjs/auth'
],

[NeOMakinG]

Yes exactly did like that !

[fanckush]

Thats about all i can help. How about trying a fresh empty nuxt project and install auth immediately after and see if you get a problem, this should narrow down the cause. if it does work maybe then maybe in your current project something is wrong in the nuxt config or code you wrote

Is the error from code you've written or is it internal?

[NeOMakinG]

It's an error from the auth-module, in auth.class, because Axios is probably not loaded in the app, but why...

Trying to install a fresh nuxt install to check, thanks for your help anyway ;)

[NeOMakinG]

Well, tried this on a fresh new app, and It's doing the same thing!

[fanckush]

What do you have in package.json in dependencies:{}:

[NeOMakinG]

"dependencies": { "@nuxtjs/auth": "^4.0.0-rc.3", "@nuxtjs/axios": "^5.0.0", "nuxt": "^1.0.0" }

That's the fresh new app

[fanckush]

ok everything seems fine! Are you using a nuxt template or you are doing it from scratch

In my case i am using the starter template from https://github.com/nuxt-community/starter-template and it works

[NeOMakinG]

Using the starter template on my main app, not working too ^^

[fanckush]

lol ok i don't know anymore, update everything :D npm, vue-cli, node

mayble clone this https://github.com/nuxt-community/auth-module/tree/master/example/with-vanilla-nuxt and use it as your base template.

[zalmane]

For some bizarre reason it seems you have to add axios last (opposite of what it says in doc):

  modules: [
    '@nuxtjs/auth',
    '@nuxtjs/axios'
  ],

[NeOMakinG]

Nice !! But strange 👍

Thanks you, should have test it before posting there lol

[pi0]

Hey. Thanks for reporting. This is super strange. With the latest release, it should automatically insert itself just after axios. source (And also tests are doing the same order. Actually order shouldn't matter)

Would you please share contents of .nuxt/index.js when axios is the first item?

[NeOMakinG]

Hey, No problem !

Here is the index.js file with axios as first :

https://pastebin.com/WyCnJMq5

Looks like axios plugin is imported after Auth one, when Axios is after, in index.js he's imported before auth plugin!