如何修复Angular项目添加Firebase时出现的"catch clause variable"错误？

• 检查Node.js版本：该错误多由Node版本不兼容引发，建议切换至LTS版本（如18.x或20.x），可通过nvm快速切换：

  nvm install --lts
  nvm use --lts
  

• 清除缓存并重装依赖：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  

• 更新Angular CLI与@angular/fire至兼容最新版：

  npm update @angular/cli @angular/fire --save
  

• 手动初始化Firebase（若上述方法无效）：

  1. 安装依赖：

     npm install @angular/fire firebase
     

  2. 在app.module.ts中手动配置Firebase：

     import { AngularFireModule } from '@angular/fire/compat';
     import { AngularFirestoreModule } from '@angular/fire/compat/firestore';
     import { environment } from '../environments/environment';
     
     @NgModule({
       imports: [
         AngularFireModule.initializeApp(environment.firebase),
         AngularFirestoreModule
       ]
     })
     export class AppModule { }
     

  3. 在environment.ts中填入Firebase控制台获取的配置信息：

     export const environment = {
       production: false,
       firebase: {
         apiKey: 'YOUR_API_KEY',
         authDomain: 'YOUR_AUTH_DOMAIN',
         projectId: 'YOUR_PROJECT_ID',
         storageBucket: 'YOUR_STORAGE_BUCKET',
         messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
         appId: 'YOUR_APP_ID'
       }
     };
     

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