求助：npm未安装预期版本，Angular 4.3 HttpClientModule升级遇阻

别担心，这种npm版本不匹配的问题在刚接触前端包管理时太常见了！我来帮你一步步排查和解决：

第一步：检查package.json的依赖配置是否正确 #

VS2017生成的模板项目里，package.json中Angular相关依赖可能默认带了版本前缀（比如^或~），这些符号会让npm自动安装兼容的更新版本，而不是你指定的精确版本：

• ^x.y.z：允许安装x版本下的最新y.z更新（比如^4.0.0会装4.x.x的最新版，但不一定是4.3.x）
• ~x.y.z：允许安装x.y版本下的最新z补丁（比如~4.3.0会装4.3.x的最新补丁，但如果你的原始版本低于4.3，它不会自动升级到4.3）

所以你需要把所有@angular开头的依赖（比如@angular/common、@angular/core、@angular/http等）的版本号改成精确的4.3.x版本，比如：

{
  "dependencies": {
    "@angular/common": "4.3.6",
    "@angular/core": "4.3.6",
    "@angular/forms": "4.3.6",
    // 其他Angular依赖也要同步改成4.3.6
    ...
  }
}

注意：HttpClientModule是从Angular 4.3开始在@angular/common/http里提供的，所以一定要确保@angular/common的版本正确

第二步：清理锁定文件和缓存 #

npm的package-lock.json文件会锁定当前安装的版本，哪怕你修改了package.json，它也会优先用锁定文件里的版本。所以：

• 删除项目根目录下的package-lock.json文件（如果存在）
• 删除node_modules文件夹
• 清理npm缓存，打开命令行运行：

  npm cache clean --force
  

第三步：重新安装依赖 #

在项目根目录下运行：

npm install

第四步：验证安装版本 #

安装完成后，你可以用以下命令检查@angular/common的版本是否正确：

npm list @angular/common

输出里应该显示4.3.x的版本号。

额外提醒 #

升级Angular时，要保证所有@angular相关的包版本完全一致，否则很容易出现兼容性错误。另外，如果你的项目里有@angular/cli依赖，也要确保它的版本和Angular 4.3兼容（对应版本大概是1.3.x），可以把它也改成1.3.2这样的精确版本。

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