Custom visual external Javascript in PowerBi Desktop Issue

etiskapp — Thu, 27 May 2021 13:33:47 GMT

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 ?

topic Custom visual external Javascript in PowerBi Desktop Issue in Custom Visuals Development Discussion

Custom visual external Javascript in PowerBi Desktop Issue