如何解决模块“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 举报,一经查实,本站将立刻删除。