[Bug]: angular import error

[MrKioZ]

Contact Details

No response

What happened?

i have installed the package with the following command

npm i tsparticles

i am running on angular version 13.3

When i declare and import the NgParticlesModule
as shown

import { APP_BASE_HREF } from '@angular/common';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './pages/home/home.component';
import { FormComponent } from './pages/form/form.component';
import { ParticlesComponent } from './components/particles/particles.component';
import { NgParticlesModule } from "ng-particles";

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    FormComponent,
    ParticlesComponent
  ],
  imports: [
    BrowserModule,
    NgParticlesModule,
    AppRoutingModule
  ],
  providers: [{provide: APP_BASE_HREF, useValue: '/'},],
  bootstrap: [AppComponent]
})
export class AppModule { }

and under the home component html file i have declared the html tag for the particle library

<ng-particles [options]="options" id="tsparticles"></ng-particles>

i cant build the application and shows me the following error

Error: node_modules/ng-particles/lib/ng-particles.component.d.ts:29:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

29     static ɵcmp: i0.ɵɵComponentDeclaration<ParticlesComponent, "Particles", never, { "options": "options"; "url": "url"; "id": "id"; "particlesInit": "particlesInit"; }, { "particlesLoaded": "particlesLoaded"; }, never, never, false, never>;

tsParticles Version

2.9.3

Which library are you using?

Angular (ng-particles)

tsParticles Configuration

this.options = {
      fpsLimit: 60,
      particles: {
        color: {
          value: "#000"
        },
        links: {
          enable: true,
          color: "#000"
        },
        move: {
          enable: true
        }
      }
    };

What browsers are you seeing the problem on?

No response

Relevant log output

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[matteobruni]

The latest version uses angular 15, which can’t be used with earlier versions. I’m moving away the components to improve the angular versions support, the angular repository is https://github.com/tsparticles/angular
You can open an issue there so it will be tracked correctly.