How to use jQuery with Angular 8?

This article describes how to integrate jQuery into the Angular 8 project.

At first, you have to check if the jquery and the @types/jquery are already installed in your Angular project.

Open the package.json file:


In this case the jquery is already installed, but the @types/jquery is missing.

Run the following command(s) for the missing package(s):

npm install jquery --save
npm install @types/jquery --save

Then open the angular.json file.

In the projects -> architect -> build -> options section add the jquery.min.js file into the scripts:

"scripts": [

Then open the file.

Add the jquery into the types section.

  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "types": [ "jquery" ] // <-- add the jquery here
  "exclude": [

Finally, here is a small example of how to use jquery in your Angular 8 component.

 ngOnInit(): void {

    jQuery(document).ready(function () {

	//your code


With these few simple steps you can import jquery into Angular 8 project.

Related Article

How to create Angular 8 project in Visual Studio 2019?

6x faster WordPress Hosting6x faster WordPress Hosting