ERROR ReferenceError: $ is not defined at angular-datata

Question

ERROR ReferenceError: $ is not defined at angular-datatables.directive.js:42

Muthu Kumar · Answer

You need to add jquery in your project. If you not installed jquery use following command to install.If allready installed jquery skip first two steps. npm install jquery — save Add jquery file in .angular.json file “scripts”: [ “../node_modules/jquery/dist/jquery.min.js” ] Then import it as follows in app.component.ts file.(whereever which page you have to use like this) import * as $ from ‘jquery’; Then now you can use errors gone. Note:- If you want to use bootstrap in your application or if you already have in your project, make sure to include jQuery before including the bootstrap javascript file as follows. Since bootstrap’s javascript file requires jQuery. “scripts”: [ “../node_modules/jquery/dist/jquery.min.js”, “../node_modules/bootstrap/dist/js/bootstrap.js” ] Reference link:- https://googleweblight.com/i?u=https://medium.com/@swarnakishore/how-to-include-and-use-jquery-in-angular-cli-project-592e0fe63176&hl=en-IN https://googleweblight.com/i?u=https://stackoverflow.com/questions/43934727/how-to-use-jquery-plugin-with-angular-4&hl=en-IN Here is the two link give some idea to import jquery in your app. I hope it's solve your problem.

Jayakumar Balasubramaniam · Answer

Hi, Please make sure your JQUERY file is loaded before you make any calls in the directive. Thanks, Jayakumar B