Angular中已安装模块仍出现Module Not Found错误的求助

我来帮你排查这个头疼的Module Not Found报错——虽然你已经确认安装了对应模块，但从你的代码片段和场景来看，大概率是文件路径、命名规范或者导出配置的问题，咱们一步步来定位解决：

• 先核对文件路径与命名大小写
  你当前的导入语句是：

  import { DataService } from './dataservice';
  

  请确认：

  1. dataservice.ts文件是否和当前模块文件（比如app.module.ts）处于同一目录？如果DataService放在子目录（比如services文件夹），路径要改成./services/dataservice；
  2. 文件名的大小写是否和导入语句完全一致？Angular在类Unix系统（比如Linux、macOS）下对文件名大小写敏感，要是你文件叫DataService.ts但导入写的dataservice，就会触发找不到模块的错误。

• 检查DataService的导出是否正确
  打开你的dataservice.ts文件，必须确保服务类用export关键字对外导出，示例如下：

  import { Injectable } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  
  @Injectable()
  export class DataService { // 这里的export不能少
    constructor(private http: HttpClient) {}
    // 你的服务逻辑代码
  }
  

  如果没有export，即便文件存在，Angular也无法识别这个可导入的模块。

• 清理缓存并重新构建项目
  有时候开发服务器的缓存会导致模块解析异常，你可以：

  1. 停止当前运行的ng serve进程；
  2. 执行ng clean清理构建缓存；
  3. 重新运行ng serve启动项目。

• 检查tsconfig.json的模块解析配置
  打开项目根目录的tsconfig.json，确认baseUrl和paths配置是否影响了模块路径解析。比如如果baseUrl设置为"src"，那么导入路径要基于src目录来写，比如DataService在src/app/services下，导入路径就是app/services/dataservice。

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