Nuxt.js: Nuxt.js Page Unresponsive

[nxmad]

Version

v2.8.1

Reproduction link

https://jsfiddle.net/2pbthd1v/

Steps to reproduce

I don't know what exactly cause this bug, so I don't know how to reproduce or debug it. But looks like it's a known Vue problem – https://github.com/vuejs/vue/issues/6558.

What is expected ?

-

What is actually happening?

Browser just freezes after click at any link

Additional comments?

I got this bug for the first time after update to Nuxt v2.8.1. Then I started another project and got this bug again. It happens sometimes in different browsers. Sometimes only language-specific versions of the website are affected (probably i18n module cause this bug, but I'm not sure).

Some of my deps:
"@nuxtjs/auth": "^4.7.0",
"@nuxtjs/axios": "^5.5.4",
"@nuxtjs/google-analytics": "^2.0.2",
"@nuxtjs/toast": "^3.2.1",
"nuxt-i18n": "^5.12.7"

Probably something else cause this problem. Looking for any tips. Thanks.

_{This bug report is available on Nuxt community (#c9447)}

[aldarund]

Please, create a nuxt repro where this could be seen. Otherwise its impossible to tell what wrong and where..

[nxmad]

Thanks God for Chrome step-by-step debug. nuxt-community/nuxt-i18n causes this problem if you use detectBrowserLanguage option. I will copy issue to their repo. Nuxt rocks 💪

[manniL]

Closing here then ☺️

[maziarz]

@nxmad, do you have a link to the issue? I have the same problem.

[affinage-digital]

@nxmad, do you have a link to the issue? I have the same problem.

in my case, in middleware:
route.name === 'login' - freeze page
change to
route.path.indexOf('/login') === 0 - fixes infinite redirect (the problem was in my code)

package.json
"nuxt-i18n": "^6.15.4",

its working because nuxt-i18n change route name to login___en