I checked the tutorial from Nuxt officical page and write a nested route similar to the sample. However while i'm using external js in local setting form(https://nuxtjs.org/faq),it seems not loading external js in local setting through this.$router.push({path:***}) or this.$router.push(name:childviewName).

But the url has directed to the page. And the exrernal sources written in local setting form can be loaded after directly refreshing the page. Though writting external sources in Global Settings can work(I've tested) ,but i guess that's not a good way to solve this problem.

Is it possible to use vue-router's aliasing in Nuxt with router-module? If not, is there another way to alias routes?

What I expect to happen

I expect that my pre loader configuration will lint this file.

That's how I configure it:

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

What actually happens

router.js is just ignored from linting.
You can write any styles you want, nothing will happen.

It only happens with the file. Other files are linted as usual.

Steps to reproduce

1. Install https://github.com/wemake-services/wemake-vue-template
2. Mess up something inside router.js for example: mode:'history', (no spaces)
3. Run yarn dev

There will be no error. But there should be one.

Comments

I guess it happens because webpack does not actually require() this file during the client build.
Related: https://github.com/wemake-services/wemake-vue-template/issues/587

PS

I have tried to submit a bug via cmty twice! At the first try it just removed everything I had and showed me this message (I was unable to select any version):

Then it just went offline (but I have already copied my issue text this time!):

Is there any possibility to add custom data to generated routes, besides extendRoutes?

I want to auto-generate nav menu in my Nuxt application, and i need to set a title to each route.

Based on LinusBorg's answer here it would be good to have the option to specify another <nuxt /> tag inside the index.vue page for the corresponding route. For example, if my routes look like this:

- somepage.vue
- items/
  - _slug.vue
  - index.vue (the one with <nuxt /> tag)

It would be nice to just append that content into items/index.vue instead of swapping all the content from _slug.vue with index.vue.
Is this already possible? If yes, what was I missing?

This would prove super useful for galleries for example, or any kind of modal content/content that would need to show the parent routes content in the background.

how get router instance on a middleware?

Hi there. Thank you for your module.
I am trying to use it in my project instead pages mechanism. Everything are going fine except lazy-loading (eg. code splitting)

I tried to use this configuration, like in Vue-router docs but it doesn't work somehow

```import Vue from "vue"
import Router from "vue-router"

import Main from "~/components/Main"

const Customer = () => import("~/components/customer/index.vue");

// import Customer from "~/components/customer";
import Overview from "~/components/customer/overview";
import Profile from "~/components/customer/profile";
import Cards from "~/components/customer/cards";

Vue.use(Router);

export function createRouter() {
return new Router({
mode: "history",
routes: [
{
path: "/",
component: Main
},
{
path: "/customer",
component: Customer,
children: [
{
path : "",
component : Overview
},
{
path : "profile",
component : Profile
},
{
path : "cards",
component : Cards
}
]
}
]
})
}

When I tried to load the Customer module I got this issue
`Failed to mount component: template or render function not defined.`

My component is deadly simple

<template> <router-view></router-view> </template>

```

could you, please, help me with this issue? May be I'm doing something wrong.

ERROR Nuxt error
Error: [nuxt-router-module] Please create a router.js file in your source folder.

Generating an SPA with a router base set will automatically add a <base href=""> so the application can be loaded in a subdirectoy.

Can this be accomplished when using the router-module or will i need to set the base-href and rewrite all script tags myself?

my router.js is written like this:

import rewardRoutes from '~/routers/reward-router'
import taskRoutes from '~/routers/task-router'

const routes = [
  {
    path: '/',
    component: index,
    children: [
      {
        path: '',
        component: index
      },
      {
        path: 'task',
        component: task,
        children: taskRoutes
      },
      {
        path: 'reward',
        component: reward,
        children: rewardRoutes
      }
    ]
  }
]
export function createRouter () {
  return new VueRouter({
    mode: 'history',
    routes
  })
}

now, when navigate to a page, the url is changed, but the target page is not rendered.

With 1.1.1 meta field of vm.$route is set to [ {} ] for some reason.

I'm finding best way to write API.
Currently, i write api like this:

<template>
  <div class="row flex">
    {{data.id}}
  </div>
</template>
<script>
  import axios from 'axios'
  import Item from '~/components/feeds/Post.vue'
  export default {
    data () {
      return {
        data: {}
      }
    },
    mounted () {
      this.asyncData()
    },
    methods: {
      async asyncData (params) {
        let { data } = await axios.get('http://localhost:8000/api/v1/feeds/' + this.$route.params.id + '/')
        this.data = data
      }
    },
    components: {
      'post-detail': Item
    }
  }
</script>

But when I get children data: {{data.user.username}}, the data.user goes undefined. Is this the best way to write API data in Nuxt and Router Module?

When I nuxt or nuxt build, I get this error:

ERROR in ./node_modules/@nuxtjs/router/dist/index.js
Module not found: Error: Can't resolve 'fs' in 'MY_PROJECT\node_modules\@nuxtjs\router\dist'
 @ ./node_modules/@nuxtjs/router/dist/index.js 4:9-22
 @ multi vue vue-router vue-meta vuex @nuxtjs/router
Error: Webpack build exited with errors
    at MY_PROJECT\node_modules\nuxt\lib\builder\builder.js:498:27
    at emitRecords.err (MY_PROJECT\node_modules\webpack\lib\Compiler.js:269:13)
    at Compiler.emitRecords (MY_PROJECT\node_modules\webpack\lib\Compiler.js:375:38)
    at emitAssets.err (MY_PROJECT\node_modules\webpack\lib\Compiler.js:262:10)
    at applyPluginsAsyncSeries1.err (MY_PROJECT\node_modules\webpack\lib\Compiler.js:368:12)
    at next (MY_PROJECT\node_modules\tapable\lib\Tapable.js:218:11)
    at Compiler.compiler.plugin (MY_PROJECT\node_modules\webpack\lib\performance\SizeLimitsPlugin.js:99:4)
    at Compiler.applyPluginsAsyncSeries1 (MY_PROJECT\node_modules\tapable\lib\Tapable.js:222:13)
    at Compiler.afterEmit (MY_PROJECT\node_modules\webpack\lib\Compiler.js:365:9)
    at require.forEach.err (MY_PROJECT\node_modules\webpack\lib\Compiler.js:354:15)
    at MY_PROJECT\node_modules\async\dist\async.js:421:16
    at iteratorCallback (MY_PROJECT\node_modules\async\dist\async.js:998:13)
    at MY_PROJECT\node_modules\async\dist\async.js:906:16
    at MY_PROJECT\node_modules\graceful-fs\graceful-fs.js:43:10
    at FSReqWrap.oncomplete (fs.js:135:15)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `nuxt build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\John\AppData\Roaming\npm-cache\_logs\2017-10-18T12_11_19_032Z-debug.log

hello @Atinux with this module are the routes still lazy?

I'm getting an error that there is a missing /dist/index.html file when running a build with mode: 'spa' in nuxt.config.js.

Am I missing a config, or is this a bug?

I posted about this here but thought I'd try again here as its more relevant.

I'm running Nuxt as the frontend to a cms so need to get the pages from an api call, can I get the pages from nuxtServerInit then loop through them in router.js to create the routes.

Or I could programatically create a valid routes.js on the CMS side if i could then fetch it from Nuxt somehow.

Thanks

With fresh Nuxt and router-module 1.0.1, nuxt generate produces the following error:

Generating routes
{ Error: ENOENT: no such file or directory, lstat '/home/ubuntu/workspace/dist/index.html'
    at Error (native)
  errno: -2,
  code: 'ENOENT',
  syscall: 'lstat',
  path: '/home/ubuntu/workspace/dist/index.html' }

Since I used your module, I'm not able to generate a static website `yarn run generate'

here the error

TypeError: Cannot read property 'forEach' of undefined
    at flatRoutes (/Users/nicolashusson/www/shingrix/htdocs/node_modules/nuxt/dist/nuxt.js:1288:9)
    at Generator._callee2$ (/Users/nicolashusson/www/shingrix/htdocs/node_modules/nuxt/lib/builder/generator.js:62:66)
    at tryCatch (/Users/nicolashusson/www/shingrix/htdocs/node_modules/nuxt/node_modules/regenerator-runtime/runtime.js:65:40)
    at Generator.invoke [as _invoke] (/Users/nicolashusson/www/shingrix/htdocs/node_modules/nuxt/node_modules/regenerator-runtime/runtime.js:299:22)
    at Generator.prototype.(anonymous function) [as next] (/Users/nicolashusson/www/shingrix/htdocs/node_modules/nuxt/node_modules/regenerator-runtime/runtime.js:117:21)
    at step (/Users/nicolashusson/www/shingrix/htdocs/node_modules/nuxt/dist/nuxt.js:954:30)
    at /Users/nicolashusson/www/shingrix/htdocs/node_modules/nuxt/dist/nuxt.js:965:13

indeed, in node_modules/nuxt/dist/nuxt.js, function flatRoutes(router)
router is undefined…