Hello,

Just upgraded Nuxt from 1.4.1 to 2.3.4

Cannot set property 'render' of undefined

Is there anything related to Webpack 4 that need to be updated in the original Adonuxt template ?

Help appreciated :)

I was trying to upload an image file to the public path but, using Helpers.publicPath, I get the file onto the public directory instead of in the resources/public directory

How can I change the publicPath?

Hello,
I am building web application which has control panel and user part. I need to separate global components, stylesheets and other things for each of those parts. It would be best to have two separate instances of Nuxt. Does anybody have some experiences with this and can provide me some solution?
Thank you a lot.

Am trying to authenticate with adonixjs jwt like this

   const user = await User.query()
        .where('email', email)
        .first()
   let passwordVerified = await Hash.verify( password,user.password)
    console.log(passwordVerified) //this is always false

The above always returns false. I have also noted the hash.js file is missing. How do i resolve this

I have also asked the question at stackoverflow at this link

In actual nuxt without adonis its possible to do this

     {
  path: '/cloud',
  component: 'pages/cloud/Dash.vue',
  children:[
      {path:'', redirect: 'user'},
     {
       name: 'user',
       path: '/user',
      component: 'pages/cloud/user/index.vue'
   },
  ]

},

How do i achieve the same in adonuxt. I have tried the following. In the file start/routes.js there is

     Route.any('*', 'NuxtController.render');

Now in my pages folder i have the following structure

        cloud
              ->user
                   ->user.vue

Now checking on the .nuxt/routes its generating them as

        routes: [
    {
        path: "/cloud/user",
        component: _a824fb5a,
        name: "cloud-dashboard"
    },
    ....
  ],

How do i perform a redirrect on adonuxt when user access http://3000/cloud he is redirrected to /cloud/user

Just created a project with the template and I am having trouble getting hot reload to work. When I change the vue component, the page does not automatically reload. does anyone know what am i missing?

this is what i get after running "npm run dev"
`
INFO Building project

✔ success Builder initialized
✔ success Nuxt files generated

Hash: 6832ea18d6aa2128b626
Version: webpack 4.20.2
Time: 14123ms
Built at: 2018-09-30 22:51:34
Asset Size Chunks Chunk Names
fonts/815694d.woff 84.8 KiB [emitted]
fonts/9b6c8da.eot 116 KiB [emitted]
fonts/70e65a7.eot 176 KiB [emitted]
img/ffd9a8d.png 23.2 KiB [emitted]
fonts/48461ea.woff2 63.8 KiB [emitted]
fonts/7b464e2.woff 74.6 KiB [emitted]
fonts/947b953.ttf 116 KiB [emitted]
img/b547263.svg 633 KiB [emitted] [big]
fonts/949a2b0.woff2 14.5 KiB [emitted]
fonts/381af09.woff 17.7 KiB [emitted]
fonts/73fe7f1.ttf 39.4 KiB [emitted]
img/b5a61b2.svg 139 KiB [emitted]
fonts/14a0819.woff2 65.8 KiB [emitted]
fonts/7422060.eot 39.6 KiB [emitted]
fonts/0079a0a.ttf 176 KiB [emitted]
img/38508b2.svg 665 KiB [emitted] [big]
269edc6fb3d66e2b930b.js 265 KiB 0 [emitted] [big] app
b720d67bb6e50e09d0fb.js 8.2 KiB 1 [emitted] pages/ticket
bae2fc8ada70dfba4523.js 1.27 KiB 2 [emitted] pages/about
545d380f79323d20d022.js 30.9 KiB 3 [emitted] pages/cart
5a0870b15ed6c754d8fa.js 6.5 KiB 4 [emitted] pages/products/_slug
9080213c4b3b91e9c74f.js 3.55 KiB 5 [emitted] pages/index
df54b349e569568e958b.js 157 KiB 6 [emitted] commons.app
7922875d3ca5b9401163.js 398 KiB 7 [emitted] [big] vendors.app
bca388de40a304e7acb7.js 2.27 KiB 8 [emitted] runtime
LICENSES 722 bytes [emitted]
manifest.6c9f4730.json 348 bytes [emitted]

• 3 hidden assets
  Entrypoint app = bca388de40a304e7acb7.js df54b349e569568e958b.js 7922875d3ca5b9401163.js 269edc6fb3d66e2b930b.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
img/b547263.svg (633 KiB)
img/38508b2.svg (665 KiB)
269edc6fb3d66e2b930b.js (265 KiB)
7922875d3ca5b9401163.js (398 KiB)

Hash: 2f56c216047784a699f6
Version: webpack 4.20.2
Time: 5400ms
Built at: 2018-09-30 22:51:39
Asset Size Chunks Chunk Names
server-bundle.json 1.13 MiB [emitted]
Entrypoint app = server-bundle.js server-bundle.js.map
2018-10-01T02:51:39.696Z - info: Nuxt is ready to handle requests`

Hello

I'm noticing that when I work on backend classes while npm run dev is running, the process restarts and the nuxt compiler takes way more time compared to when it re-compiles after editing a Vue page/component.

So… I'm thinking that it recompiles from scratch.
And… it's very annoying to have to wait each time I save & test something I just coded.

I found a sort of workaround: comment the Nuxt service build line in the server.js file.
Like this:

.fireHttpServer()
  .then(() => {
    // use('App/Services/Nuxt').build()
  })

But I think it's not the best way to get around this issue, since I have to preload the project in my browser before switching the line to disable the auto-compiler.

Would it be possible to skip the re-render when a backend-only change occurs?
Thanks

I'm trying send a email but the page stay loading for much time and nothing returns…

I used this guide https://adonisjs.com/docs/4.0/mail#sponsor

start/routes.js

...
// Test
  Route.get('mail/test', 'MailController.Test')
...

app/Controllers/Http/MailController.js

'use strict'

const Mail = use('Mail')

class MailController {
  async Test ({ response }) {
    await Mail.raw('... everyone who got this message.', (message) => {
      message.subject('Hello ...')
      message.from('[email protected]')
      message.to('[email protected]')
    })

    await response.json({ success: true })
  }
}

module.exports = MailController

I'm trying send a email but the page stay loading for much time and nothing returns…

I used this guide https://adonisjs.com/docs/4.0/mail#sponsor

start/routes.js

...
// Test
  Route.get('mail/test', 'MailController.Test')
...

app/Controllers/Http/MailController.js

'use strict'

const Mail = use('Mail')

class MailController {
  async Test ({ response }) {
    await Mail.raw('... everyone who got this message.', (message) => {
      message.subject('Hello ...')
      message.from('[email protected]')
      message.to('[email protected]')
    })

    await response.json({ success: true })
  }
}

module.exports = MailController

After deploy, the application has returns error 502.
I already set port to 8080 and inserted the health check route like bellow

// GCloud Health Check
Route.get('/_ah/health', (req, res) => {
  res.status(200)
  res.send()
})

I missed a config?

When i execute deploy, the page stay loading and nothing happen.
Which are the configurations?

I need to use some external plugins bundled with Nuxt, so I added this to my nuxt.js file:

  build: {
    analyze: false,
    vendor: ['axios'],
    extend (config, ctx) {
      config.resolve.alias['vars'] = resolve(__dirname, '..', 'resources/assets/scss/_variables.scss')

      if (ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  },

  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/auth',
    '@nuxtjs/toast',
    'bootstrap-vue/nuxt',
    ['nuxt-i18n', i18n]
  ],

  plugins: [
    '~plugins/modal',
    '~plugins/axios',
    { src: '~/plugins/amcharts', ssr: false }
  ],

However, whenever run npm run dev I'm getting unexpected token import and other ES6 related issues.

Example with amcharts.js:

import * as am4core from '@amcharts/amcharts4/core'
import * as am4maps from '@amcharts/amcharts4/maps'
import am4themesAnimated from '@amcharts/amcharts4/themes/animated'
import am4geodataWorldLow from '@amcharts/amcharts4-geodata/worldLow'
import Vue from 'vue'

am4core.useTheme(am4themesAnimated)

Vue.prototype.$am4core = () => {
  return {
    am4core,
    am4maps,
    am4geodataWorldLow
  }
}

Output:

Am I missing something here? Shouldn't I be able to use ES6 in my plugins?

I have a nodejs project created with adonuxt. I have ssl enabled in my site.

I am using nginx reverse proxy that take requests to localhost:port in my server.

There two problems.

It always shows 404 in all js file.

I have a nodejs project created with adonuxt. I have ssl enabled in my site.

I am using nginx reverse proxy that take requests to localhost:port in my server.

There two problems.

It always shows 404 in all js file. See the image please. enter image description here

It also doesn't load any images.

Another problem is, I can only see some out put for the home page, but if I visit to site.com/page it shows 404 not found (nginx/1.10.3 (Ubuntu))

Any idea whats wrong? Thank you so much for your time.

This is a great repo and I have built an application with it. I can build the application normally using
npm run build and npm start but I want to use pm2 package for the live server. using this command pm2 start server.js actually start the app but it's in development mood. How can I build it for production ready?

Thank you.

Please see the error. It's a long one but may it complains about .env file I am not sure. Can anyone help please>
2018-04-28T02:46:08.400072+00:00 app[web.1]: Error: ENOENT: no such file or directory, open '/app/.env' 2018-04-28T02:46:08.400074+00:00 app[web.1]: 2018-04-28T02:46:08.400075+00:00 app[web.1]: 2018-04-28T02:46:08.400078+00:00 app[web.1]: 1 Env.load 2018-04-28T02:46:08.400079+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/src/Env/index.js:100 2018-04-28T02:46:08.400081+00:00 app[web.1]: 2018-04-28T02:46:08.400083+00:00 app[web.1]: 2 new Env 2018-04-28T02:46:08.400085+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/src/Env/index.js:41 2018-04-28T02:46:08.400086+00:00 app[web.1]: 2018-04-28T02:46:08.400088+00:00 app[web.1]: 3 Object.app.singleton [as closure] 2018-04-28T02:46:08.400090+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/providers/AppProvider.js:29 2018-04-28T02:46:08.400092+00:00 app[web.1]: 2018-04-28T02:46:08.400094+00:00 app[web.1]: 4 Ioc._resolveBinding 2018-04-28T02:46:08.400096+00:00 app[web.1]: /app/node_modules/@adonisjs/fold/src/Ioc/index.js:231 2018-04-28T02:46:08.400097+00:00 app[web.1]: 2018-04-28T02:46:08.400099+00:00 app[web.1]: 5 Ioc.use 2018-04-28T02:46:08.400100+00:00 app[web.1]: /app/node_modules/@adonisjs/fold/src/Ioc/index.js:731 2018-04-28T02:46:08.400102+00:00 app[web.1]: 2018-04-28T02:46:08.400104+00:00 app[web.1]: 6 AppProvider.boot 2018-04-28T02:46:08.400106+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/providers/AppProvider.js:322 2018-04-28T02:46:08.400107+00:00 app[web.1]: 2018-04-28T02:46:08.400109+00:00 app[web.1]: 7 _.filter.map 2018-04-28T02:46:08.400111+00:00 app[web.1]: /app/node_modules/@adonisjs/fold/src/Registrar/index.js:147 2018-04-28T02:46:08.400113+00:00 app[web.1]: 2018-04-28T02:46:08.400114+00:00 app[web.1]: 8 arrayMap 2018-04-28T02:46:08.400116+00:00 app[web.1]: /app/node_modules/lodash/lodash.js:631 2018-04-28T02:46:08.400117+00:00 app[web.1]: 2018-04-28T02:46:08.410778+00:00 app[web.1]: npm ERR! code ELIFECYCLE 2018-04-28T02:46:08.411101+00:00 app[web.1]: npm ERR! errno 1 2018-04-28T02:46:08.412785+00:00 app[web.1]: npm ERR! [email protected] start:node server.js 2018-04-28T02:46:08.413168+00:00 app[web.1]: npm ERR! 2018-04-28T02:46:08.412937+00:00 app[web.1]: npm ERR! Exit status 1 2018-04-28T02:46:08.413327+00:00 app[web.1]: npm ERR! Failed at the [email protected] start script. 2018-04-28T02:46:08.413460+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 2018-04-28T02:46:08.422463+00:00 app[web.1]: 2018-04-28T02:46:08.422645+00:00 app[web.1]: npm ERR! A complete log of this run can be found in: 2018-04-28T02:46:08.422809+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2018-04-28T02_46_08_415Z-debug.log 2018-04-28T02:46:08.486176+00:00 heroku[web.1]: Process exited with status 1 2018-04-28T02:46:08.526869+00:00 heroku[web.1]: State changed from starting to crashed 2018-04-28T02:46:08.532228+00:00 heroku[web.1]: State changed from crashed to starting 2018-04-28T02:46:16.345220+00:00 heroku[web.1]: Starting process with commandnpm start 2018-04-28T02:46:18.797947+00:00 app[web.1]: 2018-04-28T02:46:18.943979+00:00 app[web.1]: running 2018-04-28T02:46:18.797979+00:00 app[web.1]: > [email protected] start /app 2018-04-28T02:46:18.797980+00:00 app[web.1]: > node server.js 2018-04-28T02:46:18.797982+00:00 app[web.1]: 2018-04-28T02:46:19.282450+00:00 app[web.1]: { Error: ENOENT: no such file or directory, open '/app/.env' 2018-04-28T02:46:19.282521+00:00 app[web.1]: at Env.load (/app/node_modules/@adonisjs/framework/src/Env/index.js:100:41) 2018-04-28T02:46:19.282516+00:00 app[web.1]: at Object.fs.openSync (fs.js:646:18) 2018-04-28T02:46:19.282523+00:00 app[web.1]: at new Env (/app/node_modules/@adonisjs/framework/src/Env/index.js:41:22) 2018-04-28T02:46:19.282519+00:00 app[web.1]: at Object.fs.readFileSync (fs.js:551:33) 2018-04-28T02:46:19.282529+00:00 app[web.1]: at Object.app.singleton [as closure] (/app/node_modules/@adonisjs/framework/providers/AppProvider.js:29:14) 2018-04-28T02:46:19.282531+00:00 app[web.1]: at Ioc._resolveBinding (/app/node_modules/@adonisjs/fold/src/Ioc/index.js:231:68) 2018-04-28T02:46:19.282533+00:00 app[web.1]: at Ioc.use (/app/node_modules/@adonisjs/fold/src/Ioc/index.js:731:19) 2018-04-28T02:46:19.282538+00:00 app[web.1]: at Module._compile (module.js:652:30) errno: -2, code: 'ENOENT', syscall: 'open', path: '/app/.env' } 2018-04-28T02:46:19.282535+00:00 app[web.1]: at Ioc.use (/app/node_modules/@adonisjs/fold/src/Ioc/index.js:735:19) 2018-04-28T02:46:19.282536+00:00 app[web.1]: at Object.<anonymous> (/app/app/Services/Nuxt.js:3:13) 2018-04-28T02:46:19.290889+00:00 app[web.1]: 2018-04-28T02:46:19.290895+00:00 app[web.1]: 2018-04-28T02:46:19.290896+00:00 app[web.1]: 2018-04-28T02:46:19.290893+00:00 app[web.1]: Error: ENOENT: no such file or directory, open '/app/.env' 2018-04-28T02:46:19.290897+00:00 app[web.1]: 1 Env.load 2018-04-28T02:46:19.290899+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/src/Env/index.js:100 2018-04-28T02:46:19.290900+00:00 app[web.1]: 2018-04-28T02:46:19.290904+00:00 app[web.1]: 2018-04-28T02:46:19.290902+00:00 app[web.1]: 2 new Env 2018-04-28T02:46:19.290903+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/src/Env/index.js:41 2018-04-28T02:46:19.290909+00:00 app[web.1]: 2018-04-28T02:46:19.290912+00:00 app[web.1]: 4 Ioc._resolveBinding 2018-04-28T02:46:19.290906+00:00 app[web.1]: 3 Object.app.singleton [as closure] 2018-04-28T02:46:19.290908+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/providers/AppProvider.js:29 2018-04-28T02:46:19.290913+00:00 app[web.1]: /app/node_modules/@adonisjs/fold/src/Ioc/index.js:231 2018-04-28T02:46:19.290921+00:00 app[web.1]: 6 AppProvider.boot 2018-04-28T02:46:19.290915+00:00 app[web.1]: 2018-04-28T02:46:19.290918+00:00 app[web.1]: /app/node_modules/@adonisjs/fold/src/Ioc/index.js:731 2018-04-28T02:46:19.290917+00:00 app[web.1]: 5 Ioc.use 2018-04-28T02:46:19.290919+00:00 app[web.1]: 2018-04-28T02:46:19.290923+00:00 app[web.1]: /app/node_modules/@adonisjs/framework/providers/AppProvider.js:322 2018-04-28T02:46:19.290926+00:00 app[web.1]: 7 _.filter.map 2018-04-28T02:46:19.290927+00:00 app[web.1]: /app/node_modules/@adonisjs/fold/src/Registrar/index.js:147 2018-04-28T02:46:19.290924+00:00 app[web.1]: 2018-04-28T02:46:19.290929+00:00 app[web.1]: 2018-04-28T02:46:19.290930+00:00 app[web.1]: 8 arrayMap 2018-04-28T02:46:19.290932+00:00 app[web.1]: /app/node_modules/lodash/lodash.js:631 2018-04-28T02:46:19.300545+00:00 app[web.1]: npm ERR! errno 1 2018-04-28T02:46:19.290933+00:00 app[web.1]: 2018-04-28T02:46:19.300118+00:00 app[web.1]: npm ERR! code ELIFECYCLE 2018-04-28T02:46:19.302677+00:00 app[web.1]: npm ERR! 2018-04-28T02:46:19.302166+00:00 app[web.1]: npm ERR! [email protected] start:node server.js 2018-04-28T02:46:19.302934+00:00 app[web.1]: npm ERR! Failed at the [email protected] start script. 2018-04-28T02:46:19.302349+00:00 app[web.1]: npm ERR! Exit status 1 2018-04-28T02:46:19.303174+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 2018-04-28T02:46:19.308161+00:00 app[web.1]: 2018-04-28T02:46:19.308393+00:00 app[web.1]: npm ERR! A complete log of this run can be found in: 2018-04-28T02:46:19.308548+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2018-04-28T02_46_19_305Z-debug.log 2018-04-28T02:46:19.412283+00:00 heroku[web.1]: State changed from starting to crashed 2018-04-28T02:46:19.367599+00:00 heroku[web.1]: Process exited with status 1 2018-04-28T02:46:29.666732+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=familybazar.herokuapp.com request_id=e3c7f50d-5715-49df-93de-d2bad92b995b fwd="27.147.226.94" dyno= connect= service= status=503 bytes= protocol=https 2018-04-28T02:46:30.263413+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=familybazar.herokuapp.com request_id=f9695341-b9ba-45a1-8963-8a339d39ac38 fwd="27.147.226.94" dyno= connect= service= status=503 bytes= protocol=https 2018-04-28T02:46:30.816586+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/robots.txt" host=familybazar.herokuapp.com request_id=2a006c8d-5463-4ca7-b59e-1db7eb2d9ccc fwd="27.147.226.94" dyno= connect= service= status=503 bytes= protocol=https

Hello!

I want to use model in vue files. But it returns an empty string to me. How can I use this?

Hi. Is it possible to use @adonisjs/websocket-client with nuxt? If so, how? When I try:
resources/plugins/ws.js

import ws from '@adonisjs/websocket-client'
const wsVuePlugin = function (Vue, url, options) {
  Vue.prototype.$io = ws(url, options)
}
Vue.use(wsVuePlugin, 'http://localhost:3000', {})

I get a log saying: ReferenceError: regeneratorRuntime is not defined

I am importing the plugin like this:
{ src: '@/plugins/ws', ssr: false } (no ssr, since it didn't work at all with ssr on.)

Thanks.

Dev Server Not Watching Changes On adonis routes.js file

whenever I save changes made on adonis routes.js file the server does not reload.
It works on controller.