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
Muesli
Advocate I
Advocate I

how to add jQuery and bootstrap javascript?

Hello,

 

i want to create some buttons and a dropdown menu with bootstrap and jquery, but how can i add them to my visual?

cause when add the files to my pbiviz file and run the code, i am getting a bootstrap error that jQuery wasnt found

"Uncaught Error: Bootstrap's JavaScript requires jQuery"

my pbiviz looks like this:

  "externalJS": [
    "node_modules/jquery/dist/jquery.min.js",
    "src/source/bootstrap.min.js",

my tsconfig like this:

 "files": [
    ".api/v1.8.0/PowerBI-visuals.d.ts",
    "node_modules/@types/jquery/index.d.ts",
    "node_modules/powerbi-visuals-utils-dataviewutils/lib/index.d.ts",
    "src/settings.ts",
    "src/visual.ts",
    "src/javascript.js"

how can get it running?

1 ACCEPTED SOLUTION

thanks but this didnt work for me. i still got a error after doing that. 

I got it working with installing jquery with "typings install --save --global jquery" instead of "npm install @types/jquery@2.0.46  --save"

 

i just needed to referrenc the .d.ts file inside typings and i got it working. 

View solution in original post

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

@Muesli,

 

You may check the solution below.

https://community.powerbi.com/t5/Developer/Custom-visual-jquery-and-other-js/td-p/155443

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.

thanks but this didnt work for me. i still got a error after doing that. 

I got it working with installing jquery with "typings install --save --global jquery" instead of "npm install @types/jquery@2.0.46  --save"

 

i just needed to referrenc the .d.ts file inside typings and i got it 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.