Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Get inspired! Check out the entries from the Power BI DataViz World Championships preliminary rounds and give kudos to your favorites. View the vizzies.

Reply
przemek
New Member

Custom visual - jquery and other js

Hello,

 

I need 2 js file in my custom visual

 

  1. jquery.js
  2. boostrap.js

I add to pbiviz.json like this

 

"externalJS": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/boostrap/src/boostrap.js",
],
 
i run pbiviz start and so far o good
 
but then I test in browser i have a problem like this. 
  
the whole file looks like this (i get from web console form chrome)
 

(function(powerbi) {
var window = this;

//These 2 lines are needed to trick lodash into using this as global scope
var self = this;
self.Object = Object;

//de-reference powerbi loaded modules
var $, jQuery, _;
window.jQuery = window.$ = undefined;
window._ = undefined;

/*! jQuery v3.2.1 | (c) JS Foundation and other contributors | jquery.org/license */
!function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}
 
...
bla bla bla jquery min staff
....
 
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under the MIT license
*/
if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery")
 
/*
* Power BI Visual CLI
*
* Copyright (c) Microsoft Corporation
* All rights reserved.
* MIT License
 
 
I don't know how to add external js file witch use other external file.
 
Thx for help
1 ACCEPTED SOLUTION
v-chuncz-msft
Community Support
Community Support

@przemek,

 

You may try to replace "jQuery" with "window.jQuery".

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

2 REPLIES 2
v-chuncz-msft
Community Support
Community Support

@przemek,

 

You may try to replace "jQuery" with "window.jQuery".

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Thx. Is working. 

Helpful resources

Announcements
Las Vegas 2025

Join us at the Microsoft Fabric Community Conference

March 31 - April 2, 2025, in Las Vegas, Nevada. Use code MSCUST for a $150 discount!

FebPBI_Carousel

Power BI Monthly Update - February 2025

Check out the February 2025 Power BI update to learn about new features.