Articles in this section
Category / Section

How to Resolve "jQuery is not defined" Error in Bold Reports

Published:
Updated:

When encountering the ‘jQuery is not defined’ error while embedding Bold Reports, address it by rearranging script references in the HTML file. This problem often occurs when the jQuery library is not referenced or placed after the Bold Reports scripts. To resolve this issue, ensure that the jQuery library is included before the Bold Reports script references in the HTML file.

Error Snap

Furthermore, if an application uses multiple jQuery references, it is recommended to place the Bold Reports script references at the end of the references. This ensures correct registration of the Reporting components and minimizes potential conflicts.

In the given scripts, jQuery is correctly placed before the Bold Reports script references.

   <link href="https://cdn.boldreports.com/5.4.20/content/v2.0/tailwind-light/bold.report-viewer.min.css" rel="stylesheet"/>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="https://cdn.boldreports.com/5.4.20/scripts/v2.0/common/bold.reports.common.min.js"></script>
   <script src="https://cdn.boldreports.com/5.4.20/scripts/v2.0/common/bold.reports.widgets.min.js"></script>
   <script src="https://cdn.boldreports.com/5.4.20/scripts/v2.0/bold.report-viewer.min.js"></script>

This adjustment ensures the correct loading sequence of scripts, preventing the occurrence of the “jQuery is not defined” error in Bold Reports embedding scenarios. Users are encouraged to test their Bold Reports application to confirm the successful resolution of the issue after implementing these changes.


See also:

How to Resolve Bold Reporting Components Undefined Issue

Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment