Activities

Frankwarnaar

Frankwarnaar posted a new bug report

router-module •

bug Scroll position

Version

v1.4.0

Reproduction link

https://github.com/Frankwarnaar/nuxt-router-scrollposition-issue-demo

Steps to reproduce

Navigate to https://quizzical-villani-0e65e2.netlify.com (a deploy of the repo I provided). Scroll a bit down and then click the Other page link. Then click browser back.

What is expected ?

The scroll position should be the same as before leaving the page.

What is actually happening?

The scroll position is reset.

Additional comments

I'm running with the keepDefaultRouter option set to true. My router can be found in src/router.js. I've been trying to debug the issue, by providing a scrollPosition function to my router. Somehow the savedPosition argument was always { x: 0, y: 0 }, .

goors

goors posted a new question

router-module •

i18n

How can I use i18n module in this router?

for example home page / to be /en or any other lang
or for example /en/shop or /de/shop and so on.

sqram

sqram posted a new question

router-module •

Nuxt Generate

I've tried using this module with nuxt generate but the compiled pages doesn't seem to be generated. (using Nuxt 2.8)
Found a project using this module, and nuxt 2.0, and nuxt generate did not generate the pages as well.
Is this bug or something I should create a feature request for?

tonimota

tonimota posted a new question

router-module •

How to access store from router-module nuxt^2.8.1 ? #51

I'm using nuxt version 2.8.1 and the new structure Vuex Mode with modules.
https://nuxtjs.org/guide/vuex-store#activate-the-store

About the classic mode vuex: This feature is deprecated and will be removed in Nuxt 3.

About router, i'm using vue-router module to management from route.

I trying to use store in ~/router.js but i'm not getting it….

My structure code
/store

user.js
lang.js
/router.js
How to user store in my ~/router.js ?

tonimota

tonimota posted a new question

router-module •

How to access store from router-module nuxt^2.8.1 ?

I'm using nuxt version 2.8.1 and the new structure Vuex Mode with modules.
https://nuxtjs.org/guide/vuex-store#activate-the-store

About the classic mode vuex: This feature is deprecated and will be removed in Nuxt 3.

About router, i'm using vue-router module to management from route.

I'm using the vue-router module for route management and have been unable to access the data from my "store" in my ~/router.js file.

My structure code
/store

  • user.js
  • lang.js

/router.js

I want to access the stored data from my ~/router.js file, how can I do that?

hecktarzuli

hecktarzuli posted a new question

router-module •

Why a plugin?

I'm wondering why module.js uses .addPlugin for router.js. It seems like you could just use addTemplate to use lodash templating instead. Nuxt's index.js imports createRouter right from ./router.js.

Since you use addPlugin, router.js is also added as a plugin which seems unused/useless.

Am I missing something?

Pasted_Image_5_8_19__3_03_PM.png

lwswnnscrm

lwswnnscrm posted a new question

router-module •

Use only in server side.

Hi @Atinux , in my case i need take routes by ip user and host, but if i use context in createRouter function i get [nuxt] Error while mounting app: TypeError: Cannot read property 'req' of undefined. Can i use router only in server side?

Code:

import Vue from 'vue';
import Router from 'vue-router';
import generateRoutes from '~/helpers/generateRoutes';


Vue.use(Router);

export const createRouter = async (context) => {
  const host = context.req.headers.host;
  const ip = context.req.headers['x-forwarded-for'] || context.req.connection.remoteAddress;
  return new Router({
    mode: 'history',
    routes: await generateRoutes(host, ip),
  });
};
const generateRoutes = async (host, ip) => {
  const resultRouters = router;
  if (host.indexOf('exemple1.com') !== -1) {
    resultRouters.unshift(
      {
        path: '/',
        name: 'page',
        component: page,
      },
    );
    return resultRouters;
  }
  if (host.indexOf('exemple2.com'') !== -1) {
    resultRouters.unshift(
      {
        path: '/',
        name: 'page2',
        component: page2,
      },
    );
    return resultRouters;
  }
  if (host.indexOf('exemple3.com'') !== -1) {
    resultRouters.unshift(
      {
        path: '/',
        name: 'page3',
        component: page3,
      },
    );
    return resultRouters;
  }
  const location = await generateRoutersByLocations(ip);
  if (location.toLowerCase() === 'au' || location.toLowerCase() === 'nz') {
    resultRouters.unshift(
      {
        path: '/',
        name: 'page4',
        component: page4,
      },
    );
    return resultRouters;
  }
  resultRouters.unshift(
    {
      path: '/',
      name: 'mainPage',
      component: mainPage,
    },
  );
  return resultRouters;
};

export default generateRoutes;
const generateRoutersByLocations = async (ip) => {
  const { headers } = await axios.get(urls.apiUrl + urls.initPage, { params: { ip } });
  const location = headers['x-geo-ip-country'];
  return location;
};

export default generateRoutersByLocations;
kdeng

kdeng posted a new bug report

router-module •

bug multiple named views cause router.js contains syntax error

Version

v2.4.3

Reproduction link

https://github.com/kdeng/nuxt-named-view-sample

Steps to reproduce

  1. Run npm i
  2. Run npm run dev

What is expected ?

I expected router.js can be generated properly, and named view can be rendered properly.

What is actually happening?

router.js has been generated with syntax error.

 ERROR  Failed to compile with 1 errors                                                                                                                                                                                                                   friendly-errors 22:13:34


 ERROR  in ./.nuxt/router.js                                                                                                                                                                                                                              friendly-errors 22:13:34

Syntax Error: Unexpected token, expected "," (86:8)                                                                                                                                                                                                       friendly-errors 22:13:34

  84 |         default: _708facd7,
  85 |         footer: _03b372e3
> 86 |         default: _6fab42f0,
     |         ^
  87 |         top: _6b7085a2
  88 |       },
  89 |       name: "main"

                                                                                                                                                                                                                                                          friendly-errors 22:13:34
 @ ./.nuxt/index.js 8:0-43 59:19-31
 @ ./.nuxt/client.js
 @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
                                                                                                                                                                                                                                                          friendly-errors 22:13:34
ℹ Waiting for file changes

Additional comments?

I am new to nuxtjs, and try to play around about named views for enabling master footer component for cart router, I am not sure whether it is my mistake or router module bug. Cheers.

lukeXcze

lukeXcze posted a new bug report

router-module •

bug Support for windows paths

Version

v1.3.0

Reproduction link

[// windows node.js needed](// windows node.js needed)

Steps to reproduce

Building NUXT project with @nuxtjs/router module on windows node.js
fail by compile error:

This dependency was not found:
outer.js in ./.nuxt/router.js
outer.jsll it, you can run: npm install --save ..

What is expected ?

in generated @/.nuxt/router.js:

import { createRouter as customCreateRouter } from '../router.js'
// ..

.

What is actually happening?

in generated @/.nuxt/router.js:

import { createRouter as customCreateRouter } from '..\router.js'
//...

windows backslash resolve to escaped \r in windows

Additional comments?

Windows node returns backshash in relative paths:
https://nodejs.org/api/path.html#path_path_relative_from_to

fixing @nuxtjs\router\lib\module.js line 31:

      routerFilePath: relative(this.options.buildDir, routerFilePath).replace(/\/+|\\+/g, '/'),

…solves the problem
original line:

      routerFilePath: relative(this.options.buildDir, routerFilePath).replace(/\/+/g, '/'),

…replaces only slash, not backslash

ricardogobbosouza

ricardogobbosouza posted a new feature request

router-module •

idea Run CircleCI on PRs, and commits

What problem does this feature solve?

It was working, now it's not working

paulgv

paulgv posted a new question

router-module •

Consider using Standard Version to automate changelog updates

Thanks for bringing this module back to life @ricardogobbosouza !
It would be nice to have an up-to-date CHANGELOG.md to keep a track on the releases. Since standard-version is already in the project's dependencies, let's use it!

hecktarzuli

hecktarzuli posted a new feature request

router-module •

idea Don't require /router.js in production .. it's not even used

What problem does this feature solve?

Currently after you do a build and deploy to a server, you have to include /router.js even though it ISN'T EVEN USED!
It would be nice to wrap most of this module in a build hook since that's all it's really dealing with anyway.

gapipro

gapipro posted a new bug report

router-module •

bug `keepDefaultRouter ` Not working with Nuxt 2.x after they refactored everything

Version

v1.1.0

Reproduction link

https://jsfiddle.net/

Steps to reproduce

  1. Have a nuxt 2.x project
  2. install router-module and enable keepDefaultRouter option
  3. try to run app
  4. error: Cannot find module 'nuxt/lib/app/router'

What is expected ?

App should start up normally.

What is actually happening?

Error: Cannot find module 'nuxt/lib/app/router'

venturion

venturion posted a new question

router-module •

extend routes

how to use extendRoutes
inside a custom nuxt module
using router-module?

Aperrix

Aperrix posted a new feature request

router-module •

idea Subdomain routing

What problem does this feature solve?

By default, nuxt creates the URL from the pages folder, for example :

/pages/blog/index.vue = mywebsite.com/blog
/pages/blog/posts/index.vue = mywebsite.com/blog/posts

It's super convenient, our URLs match our file architecture, no problems.

However, there is no option to change the behavior of the router to allow the folder to point to a subdomain of the same name, for example :

/pages/blog/index.vue = blog.mywebsite.com
/pages/blog/posts/index.vue = blog.mywebsite.com/posts

I know it's impossible to change the client-side URL without reloading the page and so vue-router can not do it, however nuxt-i18n allows you to use a subdomain to change language and after my research, using NuxtServerInit it would be possible to create an alternative, something that I started to do but I have not managed to go all the way. 😔

My try :
https://gitlab.com/ankaworld/ankaworld.net/merge_requests/1/diffs

My research :
https://cmty.app/nuxt/nuxt.js/issues/c2076
https://github.com/nuxt/nuxt.js/issues/2378
https://github.com/vuejs/vue-router/issues/1611

This is my first issue on Nuxt community, it will surely lack explanations, details or other so do not hesitate to propose changes but do not be aggressive 😄

adrianoresende

adrianoresende posted a new question

router-module •

How I import router created?

Hello there,

How I import route created with router-module?

import Vue from 'vue'
import VueGtm from 'vue-gtm'
import VueRouter from 'vue-router'
const router = new VueRouter() //new router but is wrong, the correct is getting VueRouter created.
const isProduction = process.env.NODE_ENV !== 'development'

Vue.use(VueGtm, {
  id: 'GTM-XXXXXXX',
  enabled: isProduction,
  vueRouter: router,
  debug: true,
});
OleksiiBrylin

OleksiiBrylin posted a new question

router-module •

How can I use router-module with nuxt-i18n module

How can I use router.js file to define route for few or more languages dynamic as it does nuxt-i18n (https://nuxt-community.github.io/nuxt-i18n/routing.html)?

RUSHt

RUSHt posted a new question

router-module •

<nuxt-link> When server render page

I have two pages which can be routed to from the home page using <nuxt-link>.. This is working as exptected.

If I land directly on the the non-home page the <nuxt-link> fails.
The URL bar changes correctly to the home page address, but the page is not navigated to.
If I reload the page using the URL that has been placed there by <nuxt-link>, by focussing the URL bar and typing enter, the home page loads as expected.

How can <nuxt-link> place the correct path in the URL bar, but not navigate to it ?

NicolasCELLA

NicolasCELLA posted a new question

router-module •

Probleme component refresh !

hello, my component this refresh when I change the url !
But I do not have this problem without nuxt !
An idea ? thx 😇
{ path: '/komit', name: 'main_komit', component: main_komit }, { path: '/create/komit', name: 'create_komit', component: main_komit },

NicolasCELLA

NicolasCELLA posted a new question

router-module •

```