Vue 2.x 升级 Vue 2.7 你可能遇到的那些坑

481 阅读1分钟

一、前言

Vue 2.7 至今发布已经有不少时间了,最新项目打算升级2.7, 然后逐渐使用vue 3,下面记录下踩的一些坑。

文章比较水,只是做点记录~

二、踩坑记录

1. 版本问题

按照官方的说法需要升级下面这些包:

image.png

但是,如果你的项目有些脚手架把这些包作为 dependencies, 可能导致你的版本覆盖不了脚手架内置的vue-loader版本。

这时候怎么做呢,可以使用npm-force-resolutions 强行锁定版本:

"scripts": {
    "preinstall": "npx npm-force-resolutions",
}
// package.json
{
  "resolutions": {
    "vue-loader": "^15.10.0",
    "vue-template-compiler": "2.7.14",
    "eslint-plugin-vue": "9.8.0"
  }
}

记得要先删除node_modules, 再重新安装哦

2. 升级你的CDN

如果你的项目vue使用的是CDN, 它的版本可能仍然是2.6, 你需要更新CDN,或直接使用项目安装的。