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!The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more
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 ?
The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!
Check out the November 2025 Power BI update to learn about new features.