Vue packages version mismatch

[kevinsimper]

💥 Regression Report

It now throws this error while trying to pickup translations, and we do not use vuejs.

It also feels unfortunate to have a vuejs template compiler installed in a project that does not use vuejs at all.

Our config is this

module.exports = {
  contextSeparator: false,
  createOldCatalogs: false,
  input: ["./src/**/*.{ts,tsx}"],
  keySeparator: false,
  locales: ["da", "de", "en", "fi", "fr", "nl", "no", "sv"],
  namespaceSeparator: false,
  output: "src/locales/$LOCALE/translations.json",
  pluralSeparator: false,
  sort: true,
  useKeysAsDefaultValue: true,
  failOnWarnings: true,
};

Step i18next/i18next#2: > i18next
Step i18next/i18next#2: 
Step i18next/i18next#2: /app/node_modules/vue-template-compiler/index.js:10
Step i18next/i18next#2:   throw new Error(
Step i18next/i18next#2:         ^
Step i18next/i18next#2: 
Step i18next/i18next#2: Error: 
Step i18next/i18next#2: 
Step i18next/i18next#2: Vue packages version mismatch:
Step i18next/i18next#2: 
Step i18next/i18next#2: - vue@2.6.14 (/app/node_modules/vue/dist/vue.runtime.common.js)
Step i18next/i18next#2: - vue-template-compiler@2.6.12 (/app/node_modules/vue-template-compiler/package.json)
Step i18next/i18next#2: 
Step i18next/i18next#2: This may cause things to work incorrectly. Make sure to use the same version for both.
Step i18next/i18next#2: If you are using vue-loader@>=10.0, simply update vue-template-compiler.
Step i18next/i18next#2: If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
Step i18next/i18next#2: 
Step i18next/i18next#2:     at Object.<anonymous> (/app/node_modules/vue-template-compiler/index.js:10:9)
Step i18next/i18next#2:     at Module._compile (node:internal/modules/cjs/loader:1101:14)
Step i18next/i18next#2:     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
Step i18next/i18next#2:     at Module.load (node:internal/modules/cjs/loader:981:32)
Step i18next/i18next#2:     at Function.Module._load (node:internal/modules/cjs/loader:822:12)
Step i18next/i18next#2:     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:196:29)
Step i18next/i18next#2:     at ModuleJob.run (node:internal/modules/esm/module_job:183:25)
Step i18next/i18next#2:     at async Loader.import (node:internal/modules/esm/loader:178:24)
Step i18next/i18next#2:     at async Object.loadESM (node:internal/process/esm_loader:68:5)
Step i18next/i18next#2:     at async handleMainPromise (node:internal/modules/run_main:63:12)

Last working version

Worked up to version: "^19.7.0"

Stopped working in version: "^21.6.14"

Your Environment

• runtime version: node
• i18next version: i.e. 21.6.14
• os: Linux

[adrai]

Can you please provide a reproducible example?
There is no extra dependency in i18next, is it possible you’re using a different module?
I suspect you mean i18next-parser, right?

[karellm]

This project uses "vue-template-compiler": "^2.6.11", simply match that in your dependency and update your dependencies.

[collierrgbsitisfise]

@adrai i tried to describe problem here, not sure how it could be solved on i18next-parser lib level, cause verification is happening on vue-template-compiler

FYI @kevinsimper