jQuery UI Widgets Forums Angular install jqwidgets in angular 6 project

This topic contains 4 replies, has 3 voices, and was last updated by  whaduu 2 days, 22 hours ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author

  • elie
    Participant

    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.


    Martin
    Participant

    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/

    install jqwidgets in angular 6 project #106709

    whaduu
    Participant

    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 🙂

    install jqwidgets in angular 6 project #106760

    Martin
    Participant

    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/

    install jqwidgets in angular 6 project #106773

    whaduu
    Participant

    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!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.