Angular12报TS2304找不到ITokenResponse、TS2306文件非模块怎么解决？

你遇到的两个报错根因分别如下：

• TS2304: Cannot find name 'ITokenResponse'：当前文件没有找到ITokenResponse的类型定义
• TS2306: File 'xxx/ItokenResponse.ts' is not a module：你创建的接口文件没有使用export导出内容，TS无法将其识别为可导入的模块

修复步骤 #

1. 修正接口定义文件 #

打开路径C:/Repository/MAngular/src/app/interfaceModals/ItokenResponse.ts，为接口添加export关键字导出，同时注意接口名大小写和你业务代码中使用的名称保持一致：

// ItokenResponse.ts 文件内容示例
export interface ITokenResponse {
  token: string;
  role_name: string;
  // 可根据后端实际返回补充其他字段
}

注意：建议将文件名改为ITokenResponse.ts，和接口名大小写保持一致，避免部署到Linux等大小写敏感系统时出现路径找不到的问题。

2. 在service文件中正确导入接口 #

在AuthenticationService所在文件的导入区域添加对应导入语句：

// 其他原有import语句保持不变，新增如下导入
// 路径根据你的service文件实际位置调整相对层级，可省略.ts后缀
import { ITokenResponse } from '../interfaceModals/ItokenResponse';

3. 可选快速修复方案 #

如果ITokenResponse只在当前AuthenticationService中使用，不需要跨文件复用，你也可以直接在service文件中定义接口，完全避免导入错误：

// 写在import语句之后，@Injectable装饰器之前即可
interface ITokenResponse {
  token: string;
  role_name: string;
}

4. 验证生效 #

修改完成后重启Angular开发服务（清除TS类型缓存），重新执行ng serve即可解决报错。

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