How to resolve the Bold Reporting components undefined issue

To resolve the Bold Reports^® Report Viewer or Report Designer undefined issue, reference the component scripts correctly, avoid the EJ1 ej.web.all.min.js conflict, and reference the scripts after jquery.min.js. The following sections explain each of the three scenarios.

How do I check the Bold Reports^® script references?

Make sure the Bold Reporting components scripts are properly referenced within your application. If the Bold Reports^® Report Viewer or Bold Reports^® Report Designer scripts are not properly referenced, the undefined issue can occur.

How do I use Bold Reports^® along with EJ1 components?

To use Bold Reports^® with EJ1 components, follow How to use Bold Reports^® along with EJ1 controls. Both EJ1 and Bold Reports^® include Reporting components. If you reference the common ej.web.all.min.js, the Syncfusion^® Reporting components conflict with Bold Reports^® and the undefined issue occurs.

What jQuery script reference order do Bold Reports^® components need?

Reference the Bold Reporting components scripts after the jquery.min.js reference. The Bold Reporting components get registered after the jquery.min.js is referred. Hence this issue can occur if the jquery.min.js is not referred or referred after the Bold Reporting components script references. To resolve this issue, you need to ensure that the Bold Reporting components script references are referred only after the jquery.min.js reference.

If you are using the multiple jquery.min.js references in your application, then you need to refer the Bold Reporting components script references at the last node of the references so that the instance of the Reporting components get properly registered.