Quantcast
Channel: Developer topics
Viewing all articles
Browse latest Browse all 18014

Custom visual - jquery and other js

$
0
0

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

Viewing all articles
Browse latest Browse all 18014

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>