(Vue 2) : vue and vue-template-compiler versions need to be in sync

[jpeyret]

(Vue 2) Mismatch between vue and vue-template compiler versions

---

vue2 : vue and vue-template-compiler versions need an exact match

vue3 : vue-template-compiler is replaced by @vue/compiler-sfc

---

Using https://createapp.dev/webpack/vue I get:

  "dependencies": {
    "vue": "^3.2.37"👈
  },
  "devDependencies": {
    "webpack": "^5.73.0",
    "webpack-cli": "^4.10.0",
    "vue-loader": "^17.0.0",
    "vue-template-compiler": "^2.7.8",👈
    "babel-loader": "^8.2.5",
    "@babel/core": "^7.18.9",
    "@babel/preset-env": "^7.18.9"
  }

On Vue 2, vue and vue-template-compiler versions need to match.

(I need to find something more definitive to support that, which I have seen recently)

using vue create and then picking Vue 2 I get:

  "dependencies": {
    "core-js": "^3.8.3",
    "vue": "^2.6.14"👈
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "vue-template-compiler": "^2.6.14"👈
  },

On Vue 3, vue-template-compiler seems to be replaced with @vue/compiler-sfc

using vue create and then picking Vue 3

I don't have vue-template-compiler anymore:

  "dependencies": {
    "core-js": "^3.8.3",
    "vue": "^3.2.13"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3"
  },

The start of npm ls -a in that directory shows that

└─┬ vue@3.2.37 👈
  ├─┬ @vue/compiler-dom@3.2.37
  │ ├─┬ @vue/compiler-core@3.2.37
  │ │ ├── @vue/shared@3.2.37 deduped
  │ └── @vue/shared@3.2.37 deduped
  ├─┬ @vue/compiler-sfc@3.2.37 👈

This is a fairly low priority consideration, more a heads up. Awesome work. 👍👍👍