Custom visual - jquery and other js

przemek — Fri, 07 Apr 2017 09:42:28 GMT

Hello,

I need 2 js file in my custom visual

jquery.js
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

Re: Custom visual - jquery and other js

v-chuncz-msft — Mon, 10 Apr 2017 11:02:23 GMT

@przemek,

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

Re: Custom visual - jquery and other js

przemek — Tue, 11 Apr 2017 07:53:19 GMT

Thx. Is working.

topic Re: Custom visual - jquery and other js in Developer

Custom visual - jquery and other js

Re: Custom visual - jquery and other js

Re: Custom visual - jquery and other js