Comments (9)
I have the same problem when enabling nuxt-auth module. I created a sample repo that produce this error:
https://github.com/mahmoudmy/nuxt-i18n-test
@paulgv
from i18n-module.
The issue is fixed in vue-meta v1.4.4: https://github.com/declandewet/vue-meta/releases/tag/v1.4.4 🎉
vue-meta still needs to be upgraded in Nuxt's dependencies but in the meantime, you can simply add vue-meta as a dependency to your own projects.
from i18n-module.
Hi @javialon26 !
Can you share some code to reproduce the issue? I'm not seing this error in my tests so it might be specific to your setup (config, modules installed etc.).
Thanks!
from i18n-module.
After a few tests, the problem appears when the module nuxtjs/auth is enabled. The version of the module is 4.0.0-rc.3.
Module: https://github.com/nuxt-community/auth-module
from i18n-module.
I'm having the same issue, but not using nuxtjs/auth. It only occurs with seo set to true and following a nuxt link with switchLocalePath (i.e. not on initial page load). The Error which seems to keep looping is the following:
Uncaught TypeError: Cannot read property 'offsetParent' of undefined
at vue-meta.js:1080
(anonymous) @ vue-meta.js:1080
setInterval (async)
destroyed @ vue-meta.js:1079
callHook @ vue.runtime.esm.js:2891
Vue.$destroy @ vue.runtime.esm.js:2698
removeVvals @ vval.js:123
patchChildren @ vval.js:143
beforeDestroy @ index.js:174
callHook @ vue.runtime.esm.js:2891
Vue.$destroy @ vue.runtime.esm.js:2673
removeVvals @ vval.js:123
patchChildren @ vval.js:143
beforeDestroy @ index.js:174
callHook @ vue.runtime.esm.js:2891
Vue.$destroy @ vue.runtime.esm.js:2673
beforeDestroy @ index.js:527
callHook @ vue.runtime.esm.js:2891
Vue.$destroy @ vue.runtime.esm.js:2673
destroy @ vue.runtime.esm.js:4106
invokeDestroyHook @ vue.runtime.esm.js:5643
patch @ vue.runtime.esm.js:5981
Vue.$destroy @ vue.runtime.esm.js:2696
destroy @ vue.runtime.esm.js:4106
invokeDestroyHook @ vue.runtime.esm.js:5643
invokeDestroyHook @ vue.runtime.esm.js:5648
invokeDestroyHook @ vue.runtime.esm.js:5648
invokeDestroyHook @ vue.runtime.esm.js:5648
patch @ vue.runtime.esm.js:5981
Vue.$destroy @ vue.runtime.esm.js:2696
destroy @ vue.runtime.esm.js:4106
invokeDestroyHook @ vue.runtime.esm.js:5643
removeVnodes @ vue.runtime.esm.js:5659
patch @ vue.runtime.esm.js:6072
Vue._update @ vue.runtime.esm.js:2643
updateComponent @ vue.runtime.esm.js:2761
get @ vue.runtime.esm.js:3111
run @ vue.runtime.esm.js:3188
flushSchedulerQueue @ vue.runtime.esm.js:2950
(anonymous) @ vue.runtime.esm.js:1809
flushCallbacks @ vue.runtime.esm.js:1730
Promise.then (async)
microTimerFunc @ vue.runtime.esm.js:1778
nextTick @ vue.runtime.esm.js:1822
queueWatcher @ vue.runtime.esm.js:3037
update @ vue.runtime.esm.js:3178
notify @ vue.runtime.esm.js:680
reactiveSetter @ vue.runtime.esm.js:1005
proxySetter @ vue.runtime.esm.js:3269
finish @ nuxt-loading.vue?b0c3:64
boundFn @ vue.runtime.esm.js:191
_callee3$ @ client.js:321
tryCatch @ runtime.js:62
invoke @ runtime.js:296
prototype.(anonymous function) @ runtime.js:114
step @ asyncToGenerator.js:17
(anonymous) @ asyncToGenerator.js:28
Promise.then (async)
step @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:28
Promise.then (async)
step @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:28
Promise.then (async)
step @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:28
Promise.then (async)
step @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:28
Promise.then (async)
step @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:35
F @ _export.js:35
(anonymous) @ asyncToGenerator.js:14
render @ client.js:363
iterator @ vue-router.esm.js:1943
step @ vue-router.esm.js:1717
(anonymous) @ vue-router.esm.js:1718
(anonymous) @ vue-router.esm.js:1964
_callee$ @ client.js:54
tryCatch @ runtime.js:62
invoke @ runtime.js:296
prototype.(anonymous function) @ runtime.js:114
step @ asyncToGenerator.js:17
(anonymous) @ asyncToGenerator.js:28
Promise.then (async)
step @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:35
F @ _export.js:35
(anonymous) @ asyncToGenerator.js:14
loadAsyncComponents @ client.js:78
iterator @ vue-router.esm.js:1943
step @ vue-router.esm.js:1717
step @ vue-router.esm.js:1721
step @ vue-router.esm.js:1721
runQueue @ vue-router.esm.js:1725
confirmTransition @ vue-router.esm.js:1972
transitionTo @ vue-router.esm.js:1874
push @ vue-router.esm.js:2181
push @ vue-router.esm.js:2534
handler @ vue-router.esm.js:444
invoker @ vue.runtime.esm.js:2000
fn._withTask.fn._withTask @ vue.runtime.esm.js:1798
15:35:50.999
from i18n-module.
maybe there is some way to not change the seo on the client?
from i18n-module.
Hi @apmontgomery
Any way you could share a sample project where I can reproduce this issue? Not sure what's going on there 😕
from i18n-module.
Hi i've got this problem using vuelidate
it's appears to be a vue-meta problem, check there :
nuxt/vue-meta#187
from i18n-module.
I just had the same problem. There's a PR pending for vue-meta
that would fix the issue, hopefully it will be merged soon: nuxt/vue-meta#196
from i18n-module.
Related Issues (20)
- Overridden locale domains don't switch locale
- [Error after update to 8.3.1 from 8.3.0] First argument to String.prototype.startsWith must not be a regular expression HOT 2
- Vue Router logs unprefixed route as not found
- Update `nuxt-module-builder` to fix broken plugin inejcted types with `vue-tsc` 2.0+ HOT 7
- Redirects not working for translated routes HOT 1
- hi, I am learning nuxt+i18n, but I encountered a problem when using t in step HOT 2
- fix: invalid urls starting in v8.3.1
- Nuxt generate (SSG) does not update components outside of NuxtPage on locale change HOT 1
- After updating nuxt and i18n versions, i18n strictMessage doesn't work. HOT 2
- how can i add prefix before i18n language prefix? HOT 4
- I am not able to load a js file in locale that contains other attached json files. HOT 3
- Changing locale causes all components to be in Unmounted state HOT 4
- PublicRuntimeConfig type not being recognized by eslint, only happens after nuxt 3.11.2 with i18n active HOT 1
- router.back()
- Using defineI18nLocaleDetector, event.context.i18n?.locale could be async function instead of string
- TypeScript Issue with nuxtApp.$i18n in defineNuxtPlugin HOT 2
- pages:extend pages i18n remove layout from extend pages HOT 2
- page alias no have prefix
- Can not use custom path with i18n in nuxt.config.ts HOT 2
- docs: Add note/link about i18n-t,… on components api page HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from i18n-module.