要解决“Angular 17上Firebase无法正常工作”的问题，可以尝试以下步骤和代码示例：

1. 确保已安装必要的依赖包：

   npm install firebase @angular/fire
   

2. 在Angular项目的app.module.ts文件中导入必要的模块：

   import { NgModule } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   import { AngularFireModule } from '@angular/fire';
   import { environment } from '../environments/environment';
   
   @NgModule({
     imports: [
       BrowserModule,
       AngularFireModule.initializeApp(environment.firebaseConfig)
     ],
     declarations: [],
     bootstrap: []
   })
   export class AppModule { }
   

3. 创建一个名为environment.ts的文件，并将Firebase的配置信息添加到其中：

   export const environment = {
     production: false,
     firebaseConfig: {
       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'
     }
   };
   

4. 在app.component.ts文件中导入必要的模块和服务，并使用Firebase服务进行操作：

   import { Component } from '@angular/core';
   import { AngularFirestore } from '@angular/fire/firestore';
   
   @Component({
     selector: 'app-root',
     template: `
       
   Angular Firebase Example
       Get Data
     `
   })
   export class AppComponent {
     constructor(private firestore: AngularFirestore) {}
     
     getData() {
       this.firestore.collection('your_collection_name').valueChanges().subscribe(data => {
         console.log(data);
       });
     }
   }
   

请注意，上述代码示例中的YOUR_API_KEY等值应替换为您在Firebase控制台中获得的实际值。此外，还需要根据具体需求进行适当的调整，比如更改集合名称和操作。

完成上述步骤后，您应该能够在Angular 17上正常使用Firebase。