npm install of telerik-angular-native-report-viewer causes a lot of errors

1 Answer 31 Views

Report Viewer - Angular

Asmerom asked on 01 Jul 2025, 07:05 PM

Hello Telerik Support Team,

When I execute the npm instruction below to install telerik angular report-viewer package, it results a lot of errors as shown further down. Any ideas of what I may be missing or what I may be doing wrong to install telerik angular report-viewer package is appreciated.

command: npm install @progress/telerik-angular-native-report-viewer

√ Browser application bundle generation complete.

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:8:0-59 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-dateinputs' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:12:0-56 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-dropdowns' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:14:0-53 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-inputs' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:16:0-54 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-buttons' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:18:0-61 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-notification' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:20:0-55 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-layout' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:22:0-56 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-toolbar' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:24:0-59 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-indicators' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:26:0-55 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-treeview' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:28:0-54 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-tooltip' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:30:0-54 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-icons' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:32:0-54 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-pager' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:34:0-55 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-dialog' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:36:0-54 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-listbox' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:39:0-66 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-conversational-ui' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:41:0-54 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-utils' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:43:0-60 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-label' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:880:53-65 - Error: export 'debounceTime' (imported as 'debounceTime') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, GroupedObservable, NEVER, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, defer, empty, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:1407:30-34 - Error: export 'take' (imported as 'take') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, GroupedObservable, NEVER, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, defer, empty, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:1447:30-34 - Error: export 'take' (imported as 'take') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, GroupedObservable, NEVER, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, defer, empty, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:1492:32-36 - Error: export 'take' (imported as 'take') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, GroupedObservable, NEVER, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, defer, empty, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throw Error, timer, using, zip)

Error: error NG8001: 'reporting-angular-viewer' is not a known element:

1. If 'reporting-angular-viewer' is an Angular component, then verify that it is part of this module.

2. If 'reporting-angular-viewer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

Petar

commented on 04 Jul 2025, 03:00 PM

Hello Asmerom,

Thank you for providing the log.

If I understand correctly, the `npm install` command runs successfully and installs the report viewer package along with its dependencies. However, errors occur when you attempt to build the project. Could you please confirm this?

It seems that your bundler is unable to resolve the Kendo UI for Angular packages (which the report viewer relies on) due to the use of syntax like "@progress/kendo-angular-label" in the source code of the report viewer. To check if the package is installed, open the `node_modules` folder and search for the `@progress` directory. Within that, look for the `kendo-angular-label` package. Could you please confirm if it is installed locally?

Additionally, towards the end of the log, I noticed errors like "Error: export 'take' (imported as 'take') was not found in 'rxjs' (possible exports:...". This could indicate that the rxjs package is actually installed and correctly resolved, but a different version may be used.

The @progress/telerik-angular-native-report-viewer depends on the following `rxjs` version:

    "rxjs": "^6.5.3 || ^7.4.0"

Could you please let me know what version of `rxjs` you have currently installed in your project?

To help resolve the issue, it would be very helpful if you could let me know which bundler you use to build the project, the versions of the Reporting-related packages you are using, and how you are installing the packages and potentially resolving conflicts between package versions (if such occur).

Ideally, a reproducible demo project would be very helpful to investigate these issues.

Thank you, and I am looking forward to your reply!

Regards,
Petar
Progress Telerik

1 Answer, 1 is accepted

answered on 15 Jul 2025, 10:08 PM

Hello Petar,

Thank you for the reply. Sorry that I couldn't respond earlier; I was away for different assigned project.

1) So, yes i can confirm you're correct, when I execute the npm install statement shown above, it appears to install successfully the telerik-angular-native-report-viewer packages and its dependencies as shown in the list below which i can see when I exeucte npm list --depth=0

+-- @ngx-loading-bar/http-client@6.0.2
+-- @ngx-loading-bar/router@6.0.2
+-- @ngx-translate/core@14.0.0
+-- @ngx-translate/http-loader@7.0.0
+-- @progress/kendo-angular-common@19.1.2
+-- @progress/kendo-angular-dateinputs@19.1.2
+-- @progress/kendo-theme-default@9.1.0
+-- @progress/telerik-angular-native-report-viewer@26.25.521
+-- @progress/telerik-angular-report-viewer@25.25.313
+-- @progress/telerik-common-report-viewer@26.25.521
+-- @progress/telerik-reporting-schematics@26.25.521

2) However, when I try to build the project I get the wall of error messages shown in the first post.

3) There is no "Keno-angular-label" package in the @progress folder as shown in the list below.

4) The version of rxjs installed on my project is 6.6.7, which seems to be with the range you described.

+-- resize-observer-polyfill@1.5.1
+-- rimraf@2.7.1
+-- rxjs@6.6.7
+-- standard-version@6.0.1

5) For Bundler, I'm using nuget packages in my .net project. I installed the nuget packages from a Telerik package source website shown below.

6) The detail of the Telerik.Reporting.dll file is shown below if it can help with anything.

7) Unfortunately, my company wouldn't be ok to create a reproduceable demo project.

Hope I provided enough details to help clarify the issue.

thank you,

Petar

commented on 18 Jul 2025, 04:22 PM

Hi Asmerom,

No worries for the delay; I understand what it is to jump between different tasks.

Thank you very much for taking the time to answer all my questions.

The observed behavior is indeed unusual and not expected. Dependencies such as `@progress/kendo-angular-label` should be present in the `node_modules` directory after installation. If you examine the `package.json` file of the `@progress/kendo-angular-label` NPM package, you will find that it has peer dependencies that need to be included:

It appears that the peer dependencies are not installed in your case. Could you please let me know which version of NPM you are using? You can check this by running the command `npm -v` in the IDE console. Additionally, it would be very helpful if you could let me know what command you used to install the packages (for example, `npm install`).

Furthermore, have you tried running the example projects that are included in the installation folder of Reporting? You may find them at:

C:\Program Files (x86)\Progress\<YOUR_REPORTING_VERSION>\Examples

In the Angular example, if you install the packages through `npm install` and then start the application through `npm start`, do you encounter the same errors?

As for the `rxjs` package, I tried the specified `6.6.7` version locally and was able to reproduce the "Error: export 'take' (imported as 'take') was not found in 'rxjs'" error. It indeed looks like this version is not compatible with version `26.25.521` of the `@progress/telerik-angular-native-report-viewer` package, despite being listed as a peer dependency. It is an oversight on our side, and I sincerely apologize for it. I have logged a bug report on your behalf in our feedback portal regarding this issue:

rxjs@6.6.7 is not compatible with @progress/telerik-angular-native-report-viewer@26.25.521

As a token of appreciation for bringing this issue to our attention, I have updated your Telerik points.

As a workaround, you may consider using a version of `rxjs` that is compatible with the Native Angular viewer. For instance, our example projects utilize version `7.8.0` of this package, and they function correctly.

I hope this helps. I am available to answer any further questions you may have regarding this matter.

Regards,
Petar
Progress Telerik

Asmerom

commented on 18 Jul 2025, 04:59 PM

Hello Petar,

Thank you for the getting back to my issue.

So, as you can see in the image below I actually ended up installing `@progress/kendo-angular-label` package but it didn't make any differences to the errors that I was getting.

The version of `@progress/kendo-angular-label` that got installed into my project appears to be different than what you're showing in the snap-shot on your last post

The version of npm i'm using is 10.8.2 as you can see below.

I'll update the version of 'rxjs' and rebuild and try again and will let you know.

Thank you,

Petar

commented on 23 Jul 2025, 11:17 AM

Hello Asmerom,

Thank you for providing the additional information.

You may have noticed that I have converted your "Answer" to a Reply to my "Comment Reply". This is because when you select "Answer" instead of "Reply," it gets listed as a new answer for this Q&A, which can mislead people searching for multiple answers. In the future, you can avoid this problem by clicking the "Add a comment" button instead of the "Answer this question" button.

Regarding the package issue, you mentioned that you manually installed `@progress/kendo-angular-label`, but it didn’t resolve the errors. Could you please provide more details about this? In theory, installing this package should eliminate the following error:

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:43:0-60 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-label' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

However, based on your initial log, there are errors with other packages as well that won't be impacted if the relevant packages are not installed locally. For example:

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:8:0-59 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-dateinputs' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

 

./node_modules/@progress/telerik-angular-native-report-viewer/fesm2022/progress-telerik-angular-native-report-viewer.mjs:12:0-56 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-dropdowns' in '\AngularUI\ClientApp\node_modules\@progress\telerik-angular-native-report-viewer\fesm2022'

That said, your observation regarding the discrepancies in the versions of the Kendo UI for Angular components is absolutely valid. Our Native Angular report viewer has peer dependencies that limit the versions of Kendo UI for Angular components to below 18.0.0:

  "peerDependencies": {
...
    "@progress/kendo-angular-buttons": "^17.2.0",
    "@progress/kendo-angular-common": "^17.2.0",
    "@progress/kendo-angular-conversational-ui": "^17.2.0",
    "@progress/kendo-angular-dateinputs": "^17.2.0",
    "@progress/kendo-angular-dialog": "^17.2.0",
    "@progress/kendo-angular-dropdowns": "^17.2.0",
    "@progress/kendo-angular-icons": "^17.2.0",
    "@progress/kendo-angular-indicators": "^17.2.0",
    "@progress/kendo-angular-inputs": "^17.2.0",
    "@progress/kendo-angular-intl": "^17.2.0",
    "@progress/kendo-angular-l10n": "^17.2.0",
    "@progress/kendo-angular-label": "^17.2.0",

Given the NPM version you have (10.8.2), I would expect the peer dependencies to be automatically installed during commands such as `npm install <PACKAGE>`; please check peerDependencies | package.json. If there is a conflict in the peer dependencies and the versions you have already installed, this command would typically throw errors. Did you encounter any issues when installing the `@progress\telerik-angular-native-report-viewer` package?

If not, it suggests that there may have been a flag, such as `--legacy-peer-deps`, in place that would allow the `npm install @progress\telerik-angular-native-report-viewer` command to run without errors by ignoring the peer dependencies. However, since the peer dependencies are missing, this could lead to the build errors you are experiencing.

To resolve this issue, I recommend installing the `@progress\telerik-angular-native-report-viewer` package without the `--legacy-peer-deps` flag (you may have a similar setting set globally in a file, such as `.npmrc`). If any errors appear in the console, you could address the conflicts by downgrading/upgrading the relevant packages and then trying to install the native report viewer package again.

Alternatively, if adjusting the versions of the peer dependencies is not feasible, you might consider using the jQuery-based Angular report viewer instead of the Native Angular report viewer. The jQuery-based Angular report viewer does not depend on the Kendo UI for Angular components, allowing you to use the latest available functionalities of the components without the need to downgrade them due to conflicts with the report viewer.

Could you please try any of the suggested approaches, and let me know if they work for you? I am looking forward to your reply!

Regards,
Petar
Progress Telerik