1. 首先，确保您已经安装了最新版本的 ngx-spinner。

2. 在您的 app.module.ts 文件中导入 BrowserAnimationsModule：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({ imports: [ BrowserAnimationsModule ] })

3. 在您的 app.component.ts 文件中导入 ngx-spinner：

import { Component } from '@angular/core'; import { NgxSpinnerService } from "ngx-spinner";

@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent {

constructor(private spinner: NgxSpinnerService) { }

ngOnInit() {

/** spinner starts on init */
this.spinner.show();

setTimeout(() => {
  /** spinner ends after 5 seconds */
  this.spinner.hide();
}, 5000);

} }

4. 最后，在您的 HTML 文件中添加 ngx-spinner 标记：

这样就可以在 Angular 13 中正确显示 ngx-spinner 图标了。