Unanswered

How can I include .js and other files in my PCF component?

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hi,

I'm trying to create a code component that will be a wrapper around a 3rd. party JavaScript based HTML component. I need to include the JavaScript file, plus all files it needs, into my PCF solution to be deployed as one package. I'm trying to load the .js file as follows in my index.ts file:

 let scriptNode = document.createElement("script");
 scriptNode.setAttribute("type", "text/javascript");
 scriptNode.setAttribute("src", "folder/component.js");
 scriptNode.onload = () => { ... };
 document.head.appendChild(scriptNode);

This approach works fine if the component is in a CDN somewhere that I can point to using a full URL, but I need it to work "locally". Maybe I need to mess with the ControlManifest.input.xml file?

Hope this is clear. Thanks for any help.

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (0)

Sort by

Diana Birkelbach 3,072 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Hi @Anonymous ,

The script tags that you dynamically inject, would be executed at runtime. I understand that you would like to bundle the script in cour PCF.

Maybe this older post will help you: https://powerusers.microsoft.com/t5/Power-Apps-Pro-Dev-ISV/Issue-Using-external-javascript-files/m-p/316412

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Thanks for your reply. I added the following to my index.ts:
import "./folder/component.js";
But still no luck; it can't load the file. How can I ensure all the files needed by component.js are included in the component?

Was this reply helpful? Yes No
cchannon 4,702 Moderator on at

Like (0)

Report
Copy link

Link copied!

Have you added the additional resources to your manifest?

Resources Element - Power Apps | Microsoft Docs

Was this reply helpful? Yes No