question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

NouisliderModule is not an NgModule

See original GitHub issue

I 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:closed
  • Created 7 years ago
  • Comments:32 (1 by maintainers)

github_iconTop GitHub Comments

7reactions
visar1897commented, Sep 20, 2017

I fixed this by change the import path of the module: import {NouisliderModule} from 'ng2-nouislider' => import {NouisliderModule} from 'ng2-nouislider/src/nouislider'

4reactions
daBishMancommented, Jan 12, 2017

@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

EXCEPTION: Error in ./AppComponent class AppComponent - inline template:4:50 caused by: noUiSlider (9.2.0): ‘start’ is required.

error_handler.js:56Error: noUiSlider (9.2.0): ‘start’ is required. at http://localhost:4200/vendor.bundle.js:82478:12 [angular] at Array.forEach (native) [angular] at testOptions (http://localhost:4200/vendor.bundle.js:82472:22) [angular] at Object.initialize [as create] (http://localhost:4200/vendor.bundle.js:83751:17) [angular] at NouisliderComponent.ngOnInit (http://localhost:4200/vendor.bundle.js:81432:34) [angular] at Wrapper_NouisliderComponent.ngDoCheck (/AppModule/NouisliderComponent/wrapper.ngfactory.js:180:53) [angular] at CompiledTemplate.proxyViewClass.View_AppComponent0.detectChangesInternal (/AppModule/AppComponent/component.ngfactory.js:73:33) [angular] at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:4200/vendor.bundle.js:74489:14) [angular] at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:4200/vendor.bundle.js:74684:44) [angular] at CompiledTemplate.proxyViewClass.AppView.internalDetectChanges (http://localhost:4200/vendor.bundle.js:74474:18) [angular] at CompiledTemplate.proxyViewClass.View_AppComponent_Host0.detectChangesInternal (/AppModule/AppComponent/host.ngfactory.js:29:19) [angular] at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:4200/vendor.bundle.js:74489:14) [angular] at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:4200/vendor.bundle.js:74684:44) [angular] at ViewRef_.detectChanges (http://localhost:4200/vendor.bundle.js:55251:20) [angular]

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found