NouisliderModule is not an NgModule
See original GitHub issueI just switched over to angular cli for my project and when I try and serve the project i get the below error, thus crashing the attempt to compile the application so it can be served
NouisliderModule is not an NgModule
Issue Analytics
- State:
- Created 7 years ago
- Comments:32 (1 by maintainers)
Top Results From Across the Web
How to create range slider in angular 5 - Stack Overflow
When i add these component it showing "it is not a known element of ngModule" I import ng2-nouislider, ng2-ion-range-slider in my app module....
Read more >NoUI Slider Component Documentation - PIXINVENT
Description · NPM · Dependencies · Includes · UIComponents Module · noUi Markup · noUi Components · Refer following links for usage: ...
Read more >ais-range-slider | Angular InstantSearch - Algolia
An Angular InstantSearch widget that uses a third-part slider component to select a numeric range.
Read more >Angular 6 Nouislider - StackBlitz
import {BrowserModule} from '@angular/. platform-browser';. import {NgModule} from '@angular/core';. import {FormsModule} from '@angular/forms';.
Read more >Angular Noob here - what does "Please add a @NgModule ...
Most probably you are not importing the module that you are supposed to. The implementation is here: https://npmjs.org/package/ng2-nouislider .
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I fixed this by change the import path of the module:
import {NouisliderModule} from 'ng2-nouislider'
=>import {NouisliderModule} from 'ng2-nouislider/src/nouislider'
@karan83 I did the same think you said
"styles": [ "styles.css", "../node_modules/nouislider/distribute/nouislider.min.css" ],
in my angular-cli.json.I added the following html
<nouislider [connect]="true" [min]="0" [max]="15" [(ngModel)]="someRange"></nouislider>
when I run I get