如何添加带有电容器的ionic 5 Lottie Splash Screen？

Question

我需要将cordova 的lottie splash 插件集成到我的离子电容器应用程序中。 集成它不起作用。

这个想法是在视图开始时显示 lottie 飞溅，但我无法让它工作。

我实现它的代码。

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 {}

知道为什么会这样吗？

Answer 1

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

https://github.com/timbru31/cordova-plugin-lottie-splashscreen/issues/188#issuecomment-607204526