Typescript and JQuery compile error: Cannot find name '$'

Question

I\'m testing typescript with jquery, but when I compile the test.ts file, it always gives me an error indicating: Cannot find name \'$\'.

I\'ve already imported jquery &

Answer 1

You probably have some vulnerabilities you need to fix.

Run npm audit fix to fix them, or npm audit for details.

Answer 2

If you find these errors 90% of the time its because of versioning Problem of @types/jquery

Try running:

 npm install jquery --save

Then in app.module.ts:

import * as $ from 'jquery';

Then run:

  npm install @types/jquery@2.0.47

And you should be ready to go.

Answer 3

import * as $ from "jquery";

didn't work for me. Interesting enough,

import { ajax, css } from "jquery";

actually solved my problem.

Answer 4

I don't know if it helps but I solved the same issue for my datepicker.

First I installed jQuery with this command: npm install --save-dev @types/jquery

Then add the dependencies in your angular-cli.json file:

"styles": [
            "../node_modules/bootstrap/dist/css/bootstrap.css",
            "../node_modules/font-awesome/css/font-awesome.css",
            "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker3.min.css",
            "styles.css"
        ]

"scripts": [
            "../node_modules/jquery/dist/jquery.js",
            "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js"
        ]

I think adding the jQuery part might work out for you. Please let me know if it works.

Answer 5

Install and import following package. it will solved for error ("Cannot find name '$'"). Angular version is 7

import 'datatables.net';