How to Resolve "jQuery is not defined" Error in Bold Reports
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.
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:
