Using jQuery in Angular4 template RRS feed

  • Question

  • User-1597861494 posted

    I've created an Angular4 project in asp.net core utilizing the built in templates. I can see it includes jQuery in the package.json file, and it is downloading properly. However, I can't seem to use it without errors. Any kind of import I use gives me this:

    Module "jquery" resolves to a non-module entity and cannot be imported using this construct

    The intellisense is working properly, but it won't run. I would have thought this would be pretty straightforward, or built-in since it is downloading it.

    Has anyone gotten jQuery to work with the new core templates?

    Wednesday, November 29, 2017 9:11 PM

All replies

  • User-1838255255 posted

    Hi yoder,

    According to your description, about how to use jquery in Angular 4, please check the following tutorials:

    Angular 4 - Implementing Jquery Functions:


    Angular 4.x – Integrate a jQuery Plugin:


    Best Regards,

    Eric Du

    Thursday, November 30, 2017 8:15 AM
  • User-1597861494 posted

    Thanks Eric, but those are using the Angular Cli, not the Visual Studio template. The Visual Studio template is not using Angular Cli. Is the Visual Studio template already obsolete? Most things I'm seeing now are using the Angular Cli so that seems like it is the preferred way.

    Thursday, November 30, 2017 6:47 PM
  • User-474980206 posted

    the template uses webpack and angulars webpack plugin  to build, not the angular cli. but this has nothing to do with using jQuery. the template (as does the cli) uses node  modules, and there is not an official jQuery module, so you will need to find a plugin, or use a shim - see the web pack docs.

    be careful how you use jQuery as in the server pre-render there is not a real dom.

    note: in general it not a good idea to use jQuery with angular.



    Friday, December 1, 2017 3:26 PM