d $.unblockUI is not a function

[David]

I am attempting to add the Angular Report Viewer to and ASP.NET Zero project.

 

When I add
import { TelerikReportingModule } from '@progress/telerik-angular-report-viewer';
to the app.module.ts

I get the following error when starting the app.
core.js:1601 ERROR TypeError: $.blockUI is not a function
    at Object.abp.ui.block (abp.blockUI.js:20)
    at Object.abp.ui.setBusy (abp.spin.js:47)
    at Array.<anonymous> (root.module.ts:27)
    at ApplicationInitStatus.push../node_modules/@angular/core/fesm5/core.js.ApplicationInitStatus.runInitializers(core.js:3166)
    at core.js:4740
    at _callAndReportToErrorHandler (core.js:4883)
    at core.js:4738
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
    at Object.onInvoke (core.js:4071)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)

It seems related to this issue, https://support.aspnetzero.com/QA/Questions/6156.

 

Has anyone had any luck getting the angular report viewer working with ASP.NET Zero?

[Silviya]

Hi David,

As you have opened a support ticket on the same topic, I would like to post my answer here as well:

"In general, the error '$.blockUI is not a function' indicates that this might be related to the jQuery library that is not imported as required.
We have previously had this problem with Angular applications. The following steps helped to resolve the issue:

1. Install jQuery with the script :

npm install --save jquery

2. Import jQuery globally for the application:

//in app.module.ts
import * as $ from 'jquery';

Hopefully, the approach would work also for you."

We will appreciate it if we continue the discussion in one of both threads, in order to keep a better track on the exchanged information.

Best Regards,
Silviya
Progress Telerik