Typescript 找不到带名称的管道''

我试图使用我在Angular中创建的管道，但我收到错误:No pipe found with name 'RefPipe'. 我搜索了关于这个错误的信息，他们告诉我导入它.但我试图导入它在不同的文件夹，它不工作. 我首先在app.modal.ts上导入了管道，这样它就可以被全局访问，但是它不工作. 然后我试图导入它的组件的ts文件，我试图使用管道，但我不断得到错误.任何帮助将不胜感激.

<p>Id libro:{{libroPadre.id_book | RefPipe}}</p>

import { CommonModule } from '@angular/common';
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { Book } from '../module/book';
import { NgClass, UpperCasePipe } from '@angular/common';

@Component({
  selector: 'app-card',
  standalone: true,
  imports: [
    NgClass,
    UpperCasePipe,
    CommonModule

  ],
  templateUrl: './card.component.html',
  styleUrl: './card.component.css'
})

import { RefPipe } from './pipes/ref.pipe';

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    FooterComponent,
    HomeComponent,
    FormRegisterComponent,
    ProfileComponent,
    RefPipe,
    CommonModule
    
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    AddBookComponent,
    UpdateBookComponent,
  ],
  providers: [
    provideClientHydration(),
    BooksService,
    RefPipe 
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

管道是:

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
   name: 'ref',
   standalone: true
})
export class RefPipe implements PipeTransform {
   transform(value: string, count:number):string {
     let result = "";
     
     for(let i = 0; i<count;i++){
         result += "-ref" +  value
     }
 
     return result;                          
   }
}