Angular report viewer and rollup

[Mario]

I am getting the following error when trying to use rollup to bundle my app which is using the Angular report viewer module:

 

?   'ReportViewer' is not exported by node_modules\@progress\telerik-angular-report-viewer\dist\dependencies\telerikReportViewer.js
https://github.com/rollup/rollup/wiki/Troubleshooting#name-is-not-exported-by-module
node_modules\@progress\telerik-angular-report-viewer\dist\es\telerik-report-viewer.component.js (6:9)
4: window.jQuery = jquery;
5: import '../dependencies/telerikReportViewer.kendo-2016.3.914.min';
6: import { ReportViewer } from '../dependencies/telerikReportViewer';
            ^
7: var TelerikReportViewerComponent = /** @class */ (function () {
8:     function TelerikReportViewerComponent() {

 

I followed the link in the error description but am not sure what to put in the commonjs section of rollup.config (if this is the issue), this didn't seem to do anything:

    plugins: [
        nodeResolve({jsnext: true, module: true}),
        commonjs({
            include: 'node_modules/**', 
namedExports: {
                'chart.js': ['Chart'], 
                '@progress/telerik-angular-report-viewer': ['ReportViewer']
}, 
        }),
        uglify()
    ]

[Katia]

Hello Mario,

I am not so familiar with configurations specifics when using rollup. We had a similar issue reported recently, it seems that it also was related to the usage of rollup plugin. Check out this issue logged for rollup plugin, it looks like an issue with configuration of rollup-plugin-commonjs.
There are more similar issues which you can look up in the rollup github repository. I am not sure which one of those is relevant to you as I do not know details of your setup.

In case the issue persists you can send us a sample that reproduces it in a support ticket so we can test it locally and provide you further suggestions.


Regards,
Katia
Progress Telerik

[Mario]

Thanks for the reply but none of the suggestions helped. I have submitted a support ticket.