install jqwidgets in angular 6 project

[elieParticipant]

Hi,

i am updating my project from angular 4.2 to angular 6
in the 4.2 version i installed the “jqwidgets-framework” package v. “^5.4.0” found in the following link
https://www.jqwidgets.com/angular-cli-and-jqwidgets-angular-components/

while in the below link you mentioned to install the “jqwidgets-scripts” package
https://www.jqwidgets.com/angular-components-documentation/documentation/angular-cli/angular-cli.htm?search=

which one should i install or are they similar?

Thank You.

[MartinParticipant]

Hello elie,

You should install “jqwidgets-scripts”. This is the latest version of our package – “^5.7.2”.

In Angular 6 you should also note to add the path of the app.module.ts file in tsconfig.json ‘files’ array, like this:

"files": [
        "src/app/app.module.ts",

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[whaduuParticipant]

I have the same issue… I have existing Angular 8 projects, so starting from the “create” starter is not an option. But the npm install for the framework for some reason doesn’t work. It installs into the node_modules just fine, but the path reference won’t resolve – ‘jqwidgets-framework/jqwidgets-ng/anything’. If I copy the jqwidgets-ng folder from the starter into the project it works fine, but the next time I install some other module and recompile the jqwidgets-ng folder will get deleted since it has no formal dependency. Why won’t the framework install work – I see nothing wrong with the path or the dependency mapping, but has to be something wrong. All help appreciated – jqWidgets has turned out to be a lifesaver for at least one project, so I need to keep using it

[MartinParticipant]

Hello whaduu,

There is a difference with jqwidgets-ng.
jqwidgets-ng is an Angular framework package bundled using the Angular Package Format(APF). The format uses a distinct file layout and metadata configuration that enables a package to work seamlessly under most common scenarios where Angular is used, and makes it compatible with the tooling offered by the Angular team and the community itself.

I would suggest you to follow the steps for importing jQWidgets modules from this Documentation Page.

Best Regards,
Martin

jQWidgets Team
https://www.jqwidgets.com/

[whaduuParticipant]

Good grief, so obvious – I was following (old I guess) instructions that installed some jqwidgets-framework or something and none of the module import paths would resolve (although I had triple-checked they were there). Somehow never saw the install for the individual -ng package. Thanks!

[Author]

Posts