升级npm至6.0.3后Angular项目运行报错：找不到@angular/common/http模块

我来帮你排查这个问题！从你提供的信息来看，你的package.json里已经安装了@angular/common 6.0.3版本（这个版本确实包含HttpClientModule），但浏览器依然报找不到模块的错误，大概率是依赖安装不完整、IDE缓存或者npm版本不一致导致的，咱们一步步来解决：

1. 清理缓存并重新安装依赖 #

有时候npm缓存会导致依赖安装异常，尤其是版本切换后，先彻底清理再重装：

• 手动删除项目根目录下的node_modules文件夹和package-lock.json文件
• 打开终端运行以下命令：

  npm cache clean --force
  npm install
  

这一步能确保所有依赖都严格按照package.json的版本重新安装，避免缓存带来的版本不匹配问题。

2. 统一Visual Studio使用的npm版本 #

你提到已经把全局npm升级到最新，但VS里显示的npm版本是6.0.3，这说明VS可能在使用内置的npm，而非你全局的版本：

• 打开Visual Studio，依次点击工具→选项→项目和解决方案→Web包管理→外部Web工具
• 在工具列表中把$(PATH)移到最顶部，这样VS会优先使用你全局安装的npm版本
• 右键项目中的npm文件夹，选择还原npm包，确保所有依赖都被正确同步

3. 验证导入配置并重启IDE #

你在app.module.ts里的导入是正确的：

import { HttpClientModule } from '@angular/common/http';

但有时候IDE的缓存会导致错误提示残留，尝试重启Visual Studio，让IDE重新解析所有模块导入。

4. 检查webpack配置（可选） #

你的项目使用了webpack构建，虽然默认的aspnet-webpack配置应该没问题，但可以检查一下webpack配置文件中的resolve部分，确保包含了必要的文件扩展名：

resolve: {
  extensions: ['.ts', '.js', '.json']
}

这样webpack才能正确找到Angular模块对应的文件。

如果以上步骤都尝试后还是无法解决，可以尝试更新Angular CLI到6.x的兼容版本（Angular 6需要配套的CLI版本），或者检查项目的TypeScript配置是否正确，你当前使用的TypeScript 2.8.3是兼容Angular 6的，这部分应该没问题。

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