Aparece un error completo en el archivo app.component.html donde trato de usar el componente de la siguiente manera:

 <ngx-slider [(value)]="value" [options]="options"></ngx-slider>

El error completo es:

Pero hice exactamente lo que dice la guía , y todavía no funciona:

Instalé la biblioteca a través del comando de línea de comando: npm install --save @angular-slider/ngx-slider y aparece en el package.json como:

Lo importé en app.module.ts :

 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { NgxSliderModule } from '@angular-slider/ngx-slider'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, NgxSliderModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }

Lo he importado en app.component.ts :

 import { Component } from '@angular/core'; import { Options } from '@angular-slider/ngx-slider'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { value: number = 100; options: Options = { floor: 0, ceil: 200 }; }

Y finalmente lo agregó a app.component.html :

 <ngx-slider [(value)]="value" [options]="options"></ngx-slider>

Entonces, ¿por qué no funciona?

Versiones para referencia:

• Versión del nodo: 14.17.1
• Versión NPM: 6.14.13
• Angular y Angular CLI versión: 13