Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!Vote for your favorite vizzies from the Power BI Dataviz World Championship submissions. Vote now!
Hi,
We have custom visual component taht needs to use external javascript loaded using the script tag. The second library can't be embedded via node modules.
Here is an extract from our source code :
private scriptsUrl: string[] = [
"//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js",
"https://api.bimsync.com/1.0/js/viewer.js"];
private loadNext = (resolve, reject) =>{
const scriptsUrlElement = this.scriptsUrl[this.loadCount];
let htmlScriptElement = document.createElement('script');
htmlScriptElement.src=scriptsUrlElement;
htmlScriptElement.crossOrigin = "anonymous";
document.body.appendChild(htmlScriptElement);
htmlScriptElement.onload = () => {
console.info("Viewer scripts loaded");
this.loadCount++;
if (this.loadCount >= this.scriptsUrl.length) {
resolve();
}else{
this.loadNext(resolve, reject);
}
};
htmlScriptElement.onerror = (message, url, line, column, error) => {
console.info("Viewer scripts error:" + error);
reject({message,url,line,column,error});
};
}
On web (PowerBi service) it works perfectly but on powerbi desktop we only have an object error (in the onerror) :
{
trusted:true
}
Is there a way to debug this on powerBI desktop or anything we should do ?
If you love stickers, then you will definitely want to check out our Community Sticker Challenge!
Check out the January 2026 Power BI update to learn about new features.
| User | Count |
|---|---|
| 1 | |
| 1 | |
| 1 | |
| 1 | |
| 1 |