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

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

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
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.