ERROR TypeError: _this.$ is not a function

Question

ERROR TypeError: _this.$ is not a function

Opened this issue 6 years ago · 3 comments

Hi there,

I'm creating ModalTriggerDirective ,have followed each and every bit of the course.When trying to open dialog box on click of search button.I get this error.Please help :(.

Have created JQ_TOKEN and imported the service in the directive.
app.module.ts
let jQuery: any;
{provide: JQ_TOKEN, useValue: jQuery}

Answer 1 · 2019-09-17T13:59:51.000Z

I got into the exact error. It's not easy to fix.

Answer 2 · 2020-03-18T18:07:54.000Z

I am facing the same issue.

Answer 3 · 2020-03-18T20:02:05.000Z

In the directive file, add

import $ from 'jquery' ;
declare var $:$;

Remove/comment out the token injection in the constructor

use $ instead of this.$ in the addEventListener function.

Worked for me.