web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Apps PCF Component Tutorial...

Power Apps

Answered

PCF Component Tutorial issue

(1) Share

Report

Report

Posted on by mrQ

482

Dear community,

I'm starting out with PCF components and following the official tutorial of Microsoft.

However, I'm stuck with an error I'm getting after running `npm run build`, and I can't seem to solve it. The error message I receive is

EventListener is not defined

and I was following the tutorial step by step.

Can someone point me in the right direction? I guess it's an easy fix for you guys.

Thanks in advance!

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses Img

All responses (3)

Answers Img

Answers (1)

Verified answer

deepakMehta 22 on at

Like (6)

Report
Copy link

Link copied!

Follow below steps:
1. remove or comment variable declaration buttonClickHandler i.e.
// private buttonClickHandler: EventListener;
2. remove or comment the statement in methhod "init".
//this.buttonClickHandler = this.buttonClick.bind(this);
and add statement
this.buttonClick = this.buttonClick.bind(this);
3. Update method "init" to add event listener instead with variable this.buttonClickHandler to this.buttonClick i.e.
button.addEventListener("click", this.buttonClick);
4. update method "destroy" to remove event listener i.e.
this.container.querySelector("button")!.removeEventListener("click", this.buttonClick);

It works for me with above changes.
Thanks

Was this reply helpful? Yes No
mrQ 482 on at

Like (3)

Report
Copy link

Link copied!

Hi @deepakMehta
You're a rockstar! That works, thank you.
Now we just need to get MS to fix it on their learning platform 😁

Thanks again! I appreciate it.

Was this reply helpful? Yes No
James9456 8 on at

Like (3)

Report
Copy link

Link copied!
Hi mrQ,
You can add a comment at the end of your code to skip the eslint check.
private myButtonHandler: EventListener;// eslint-disable-line
Regards,
James

Was this reply helpful? Yes No

Join the conversation