jqWidgets integration with Angular 4

[PareshParticipant]

Hello,

I am using https://github.com/mgechev/angular-seed project architecture and we are trying to integrating jqWidgets with this project.

We simply imported import { jqxButtonComponent } from 'jqwidgets-framework/jqwidgets-ts/angular_jqxbuttons';

in app module and compile time error – node_modules/jqwidgets-framework/jqwidgets-ts/angular_jqxbuttons.ts(51,4): error TS7030: Not all code paths return a value.

Basically project trying to compile jqwidgets lib controls any help will be appreciated.

Thanks,
Paresh

[Ivo ZhulevParticipant]

Hi Paresh,

This is because in this project in the tsconfig.json file there is "noImplicitReturns": true prop.
It tells the compiler to make sure all functions have an “explicit” return value.
In our projects, we don’t use noImplicitReturns because it is optional.

So, you have two solutions:

1. Just set the noImplicitReturns to false, or remove it from the tsconfig.json file.
2. Go to the angular_jqxbuttons.ts file, line 51 and change it to ngOnChanges(changes: SimpleChanges): any {

Regards,
Ivo

[Author]

Posts