Angular TS报错Parameter declaration expected，createCase方法异常如何解决

问题根因 #

1. 核心语法错误：case 是 JavaScript/TypeScript 的保留关键字，仅可用于 switch 语句的分支判断，不能作为参数名、变量名使用。你在服务和组件的 createCase 方法中均使用 case 作为形参名，导致 TS 语法解析器识别异常，触发「参数声明预期」「属性初始化预期等号」等一系列语法报错，和依赖包版本兼容性无关。
2. 拼写错误：服务文件的 createCase 方法中，你定义了变量 caseKey，但赋值时误写为 casesKey，运行时会触发变量未定义错误。
3. 返回类型缺失：createCase 方法没有明确声明返回类型，触发 TS 隐式 any 类型校验报错。

修复方案 #

1. 修复 cases.service.ts 代码 #

import { Injectable } from '@angular/core';
import { AngularFireDatabase } from "@angular/fire/database";
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import { Case } from '../models/case.model';

@Injectable({
  providedIn: 'root'
})
export class CasesService {
  constructor(private db: AngularFireDatabase) { }

  getUserCases(uid: string): Observable<Case[]> { 
    return this.db.list(`/cases/${uid}`).snapshotChanges().pipe(
      map(actions => actions.map(a => ({ 
        key: a.payload.key, 
        ...a.payload.val() as Omit<Case, 'key'> 
      }))) 
    ) as Observable<Case[]>;
  }

  // 形参名改为非保留关键字，补充返回类型
  createCase(caseData: Case): Promise<void> {
    const caseRef = this.db.database.ref(`/cases/${caseData.medicUid}`).push(); 
    const caseKey = caseRef.key; // 废弃getKey()调用，直接取key属性适配当前版本
    caseData.uid = caseKey; // 修正拼写错误
    return caseRef.update(caseData);
  }
}

2. 修复 cases.component.ts 代码 #

import { Component, OnInit } from '@angular/core';
import { AuthService } from '../shared/services/auth.service';
import { CasesService } from '../shared/services/cases.service';
import { Case } from '../shared/models/case.model';

@Component({
  selector: 'app-cases',
  templateUrl: './cases.component.html',
  styleUrls: ['./cases.component.css']
})
export class CasesComponent implements OnInit {
  get userData() {
    return this.authService.userData;
  }
  get userExtras() {
    return this.authService.userExtras;
  }

  casesLoaded = false;
  cases: Case[] = []; // 初始化空数组，无需@ts-ignore
  caseForm: Case = { uid: '', name: '', details: '', date: '', filesUrls: [], medicUid: '', medicFname: '', medicLname: '' }; // 属性名避免和保留关键字重名

  constructor(
    private casesService: CasesService,
    public authService: AuthService
  ) {}

  ngOnInit(): void {
    this.getUserCases(this.userData.uid);
  }

  getUserCases(uid: string): void {
    this.casesService.getUserCases(uid).subscribe((res) => {
      this.cases = res;
      this.casesLoaded = true;
    });
  }

  // 形参名改为非保留关键字，补充返回类型
  createCase(caseData: Case): void {
    this.casesService.createCase(caseData).then(res => {
      console.log('success creating the case')
    }).catch(error => {
      console.log(error);
    })
  }
}

额外优化说明 #

• 移除了不必要的 //@ts-ignore 注解，通过明确类型声明满足 TS 校验要求
• 调整了已废弃API的调用方式，适配当前项目依赖版本
• 把组件内的 case 属性重命名为 caseForm，避免后续调用时触发同样的保留关键字报错

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