如何更新vue-tel-input的子依赖libphonenumber-js至指定版本？

方法1：使用npm-force-resolutions工具适配npm 7+ #

• 在package.json中添加resolutions字段锁定目标版本：

  "resolutions": {
    "libphonenumber-js": "^1.10.12"
  }
  

• 接着在scripts里新增预安装命令：

  "scripts": {
    "preinstall": "npx npm-force-resolutions"
  }
  

• 删除node_modules和package-lock.json，重新执行npm install，工具会强制替换指定的子依赖版本。

方法2：手动修改package-lock.json #

• 打开package-lock.json，搜索所有libphonenumber-js相关条目，将version字段改为^1.10.12，同时更新对应resolved和integrity值（可在npm官网查询该版本的官方哈希值）。
• 修改完成后删除node_modules，执行npm install即可。注意：后续执行npm update可能会覆盖修改，需重复操作。

方法3：切换至pnpm包管理器 #

pnpm的子依赖覆盖机制更稳定，在package.json中添加配置：

"pnpm": {
  "overrides": {
    "libphonenumber-js": "^1.10.12"
  }
}

删除node_modules和pnpm-lock.yaml，执行pnpm install即可完成版本替换。

方法4：fork依赖包并自定义修改 #

• 将vue-tel-input代码fork到个人仓库，修改其package.json中libphonenumber-js的依赖版本为^1.10.12。
• 在项目的package.json里，将vue-tel-input的依赖指向自己fork后的仓库地址：

  "dependencies": {
    "vue-tel-input": "github:你的用户名/vue-tel-input#修改后的分支名"
  }
  

• 执行npm install，即可安装自定义依赖版本的包，适合长期维护定制化依赖的场景。

内容的提问来源于stack exchange，提问作者Fauricio Valencia