TypeError: Cannot read property 'req' of undefined

Version

nuxt-i18n: 6.11.1 nuxt: 2.11.0

Nuxt configuration

[mode]

• [ x ] universal

Nuxt-i18n configuration

i18n: {
    strategy: 'prefix_except_default',
    locales: [
      { code: 'en', file: 'en.json' },
      { code: 'de', file: 'de.json' }
    ],
    defaultLocale: 'en',
    vueI18n: {
      fallbackLocale: 'en'
    },
    lazy: true,
    langDir: 'i18n/',
    detectBrowserLanguage: {
      useCookie: true,
      cookieKey: 'i18n_redirected',
      fallbackLocale: 'en'
    }
  }

Steps to reproduce

Try to invoke localeLink function on $root on SSR. Like

const { $root } = this;
$root.localePath(...)

What is Expected?

Path is generated properly.

What is actually happening?

Getting TypeError.

It is known issue been discussed in ticket https://github.com/nuxt-community/nuxt-i18n/pull/596 And the PR was merged, but now looks like it has been reverted… In a nutshell, on SSR $root instance $ssrContext should be replaced by ssrContext.

[lukeromanowicz]

If you are using vue-composition-api plugin it’s because root’s $ssrContext is undefined. It’s moved to the context.ssrContext. I am not sure if the same case happens to non CAPI scenarios

[dschreij]

and there is no next version.

Apologies, I think I accidentally confused this with vue-i18n itself, in which they have added support for capi if I’m not mistaken.