Ionic+Angular项目ionic serve编译TypeScript错误求助

针对你遇到的两个TypeScript错误，直接修改src/app/folder/folder.page.ts文件即可解决：

1. 修复TS2564：属性'folder'未初始化问题 #

打开folder.page.ts，找到folder属性定义，任选一种方式修复：

• 方式一：给属性添加默认初始化值

folder: string = '';

• 方式二：使用非空断言（确认该属性一定会被赋值时使用）

folder!: string;

• 方式三：在构造函数中明确赋值

folder: string;

constructor(private activatedRoute: ActivatedRoute) {
  this.folder = '';
  // 后续业务逻辑可覆盖该值
}

2. 修复TS2322：string|null无法赋值给string问题 #

找到获取路由参数的代码段，原代码通常为：

this.folder = this.activatedRoute.snapshot.paramMap.get('id');

由于paramMap.get('id')可能返回null，需处理空值情况，修改为以下方式之一：

• 方式一：使用非空断言（确认路由参数id一定存在时使用）

this.folder = this.activatedRoute.snapshot.paramMap.get('id')!;

• 方式二：添加默认值避免null

this.folder = this.activatedRoute.snapshot.paramMap.get('id') || '默认文件夹';

修改完成后重新执行ionic serve，编译即可通过，服务器不会再显示“cannot get”。

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