模块“ng-particles”没有导出成员“Container”

问题描述

我想在我的 angular 项目中使用 ng-particles，我已经使用 npm i ng-particles 安装了它并添加了
app.ts

import { Container,Main } from 'ng-particles';
export class AppComponent{

  id = "tsparticles";

  /* Starting from 1.19.0 you can use a remote url (AJAX request) to a JSON with the configuration */
  particlesUrl = "http://foo.bar/particles.json";

  /* or the classic JavaScript object */
  particlesOptions = {
    background: {
      color: {
        value: "#0d47a1"
      }
    },fpsLimit: 60,interactivity: {
      detectsOn: "canvas",events: {
        onClick: {
          enable: true,mode: "push"
        },onHover: {
          enable: true,mode: "repulse"
        },resize: true
      },modes: {
        bubble: {
          distance: 400,duration: 2,opacity: 0.8,size: 40
        },push: {
          quantity: 4
        },repulse: {
          distance: 200,duration: 0.4
        }
      }
    },particles: {
      color: {
        value: "#ffffff"
      },links: {
        color: "#ffffff",distance: 150,enable: true,opacity: 0.5,width: 1
      },collisions: {
        enable: true
      },move: {
        direction: "none",outMode: "bounce",random: false,speed: 6,straight: false
      },number: {
        density: {
          enable: true,value_area: 800
        },value: 80
      },opacity: {
        value: 0.5
      },shape: {
        type: "circle"
      },size: {
        random: true,value: 5
      }
    },detectRetina: true
  };

  particlesLoaded(container: Container): void {
    console.log(container);
  }

  particlesInit(main: Main): void {
    console.log(main);

    // Starting from 1.19.0 you can add custom presets or shape here,using the current tsParticles instance (main)
  }
}

app.module.ts

import {NgParticlesModule} from "ng-particles";
import {NgModule} from "@angular/core";

@NgModule({
    declarations: [
        /* AppComponent */
    ],imports: [
        /* other imports */ NgParticlesModule /* NgParticlesModule is required*/
    ],providers: [],bootstrap: [
        /* AppComponent */
    ]
})
export class AppModule {
}

app.html

<ng-particles [id]="id" [options]="particlesOptions" (particlesLoaded)="particlesLoaded($event)" (particlesInit)="particlesInit($event)"></ng-particles>

package.json

"ng-particles": "^2.2.2",

并且我已经按照 https://www.npmjs.com/package/ng-particles

中的步骤操作

但是我在运行时遇到了一堆我不知道的错误

我错过了什么吗？

请查找版本

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）