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!Learn from the best! Meet the four finalists headed to the FINALS of the Power BI Dataviz World Championships! Register 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 ?
Share feedback directly with Fabric product managers, participate in targeted research studies and influence the Fabric roadmap.
Check out the February 2026 Power BI update to learn about new features.