Angular 如何添加带有电容器的离子5乐天彩屏？

我需要将cordova的lottie splash插件集成到我的离子电容器应用程序中。整合它是行不通的

这样做的目的是在开始观看时显示乐透水花，但我无法让它工作

我在哪里实现它的代码

import { Component, OnInit } from '@angular/core';
import { MenuController,  } from '@ionic/angular';
import { Plugins } from '@capacitor/core';
import { LottieSplashScreen } from '@ionic-native/lottie-splash-screen/ngx';

const { Browser } = Plugins;

@Component({
  selector: 'app-inicio',
  templateUrl: './inicio.page.html',
  styleUrls: ['./inicio.page.scss'],
})
export class InicioPage implements OnInit {

  constructor(private menuCtrl: MenuController, private lottieSplashScreen: LottieSplashScreen) { }

  ngOnInit() {
    this.lottieSplashScreen.show('www/lottie/assets/animation.json', false, 1024, 768);
    this.lottieSplashScreen.hide();
   }
  toggleMenu() {
    this.menuCtrl.toggle();
  }
  async openBrowser() {
    //link browser
  }
}

这是我的代码app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { LottieSplashScreen } from '@ionic-native/lottie-splash-screen/ngx';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [ BrowserModule, IonicModule.forRoot(), AppRoutingModule ],
  providers: [
    LottieSplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

---

知道为什么会发生这种情况吗？

今天不受支持，请阅读插件创建者的这篇文章

---

现在不受支持，请阅读插件创建者的这篇文章