Getting ERROR in UiSwitchModule is not an NgModule

[mobiyan]

At runtime, I am always getting:

ERROR in UiSwitchModule is not an NgModule

I have: import {UiSwitchModule } from 'angular2-ui-switch'

and:

imports: [ BrowserModule, ReactiveFormsModule, FormsModule, HttpModule, routing, Ng2BootstrapModule, UiSwitchModule, ],

[mobiyan]

Just a note, this is actually working, I am just wondering about the error.

[skriems]

same here and it brakes lazily loaded modules.

[jeremythille]

It was working yesterday, and today, for some reason, ng-cli dead refuses to compile the app, with this error :

ERROR in UiSwitchModule is not an NgModule

[karldiggle]

I am getting this same error anyone manage to resolve it?

[karldiggle]

I have found a fix for this this issue you need to point the path to the src folder like this and it works :)

import { UiSwitchModule } from '../../node_modules/angular2-ui-switch/src';

[webcat12345]

it's not working for me. Any other way?

[helxsz]

can't work for me either, who can help to update it ? ????

[Opticsponge]

I found using @daominhsangvn solution worked like a charm, prob should get merged in

https://github.com/yuyang041060120/angular2-ui-switch/issues/2

[nomanbiniqbal]

+1

[jimit-hothi]

I have found a fix for this this issue you need to point the path to the src folder like this and it works :)

import { UiSwitchModule } from '../../node_modules/angular2-ui-switch/dist/index.d';

[kovorka]

Mine used to compile, but wouldn't build with the --prod --aot flags. Then I ran npm update with and without global flags. Now my app won't even compile.

The suggestion to use import { UiSwitchModule } from '../../node_modules/angular2-ui-switch/dist/index.d'; doesn't help me.

Seems like it works with a specific module versions or something. Any ideas?

I really don't want to pull out the switch as it looks so nice ^_^

[webcat12345]

https://github.com/webcat12345/ngx-ui-switch

[eletype]

Was there ever a resolution to this?

[webcat12345]

@brianeletype , Try this library. https://github.com/webcat12345/ngx-ui-switch

[eletype]

I did and I oddly got the same error.

[webcat12345]

Could you please create issue on my repository so I can check and update package?

[webcat12345]

https://github.com/webcat12345/ngx-ui-switch/issues/23

[eletype]

That fixed it

[TeodorKolev]

Still not fixed. Don't waste your time with it

[TeodorKolev]

Not working for Angular (Angular 4)

[webcat12345]

@TeodorKolev , Did you tried ngx-ui-switch?

[TeodorKolev]

@webcat12345 yes, and btw I do not see any difference. Problem is in component.

[TeodorKolev]

@webcat12345 you can do pull request or fork, instead of steal people code and post it like your own

[webcat12345]

Actually, I fixed AoT error of angular2-ui-switch and integrated with Angular4. Also This forum is idle for so long time, and I am open for all pull requests and error reports.

Then please wait for your pull request merged.

[TeodorKolev]

@webcat12345 all you did is to add "/src". Good job. And it is not working with Anuglar 4

[webcat12345]

What error you got? Just tried with new Angular-cli project and it works. Create issue on repository.

[TeodorKolev]

@webcat12345

'ui-switch' is not a known element:
1. If 'ui-switch' is an Angular component, then verify that it is part of this module.
2. If 'ui-switch' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

[webcat12345]

Did you imported module correctly?

1. import { UiSwitchModule } from 'ngx-ui-switch/src'
2. imports: [ UiSwtichModule ],

You should add these code to the module where you want to use.

[legolas]

Today I started to test the ngx-ui-switch and ran into the same error as described above. Adding the /src to the import solved it for me!

[adadgio]

I personnaly had the exact same error because of a missing semicolomn.

import { UiSwitchModule }           from 'angular2-ui-switch' <---- ! just added ";"
import { AppComponent }             from './app.component';

[myopenresources]

import { UiSwitchModule } from '../../../node_modules/angular2-ui-switch/src/index';

[ketimaBU]

For me i am using Angular 4, sometimes it works perfectly but other times without any change it stops!

[chouhanaditya]

@webcat12345 - This https://github.com/webcat12345/ngx-ui-switch worked for me. Thank you!

[akashzcoder]

Doesn't work for angular 4 :(

[vinayadepu]

1. Point properly ngx-ui-swith module in app.module such as import { UiSwitchModule } from '../../node_modules/ngx-ui-switch';
2. In angular.json include below script "styles": [ "node_modules/ngx-ui-switch/ui-switch.component.css" ],