jsreport-browser-client-dist and Angular 4

Reply to jsreport-browser-client-dist and Angular 4 on Invalid Date

vkszn — Invalid Date

I am trying to integrate JSReport with my Angular 4 app. I am using jsreport-browser-client-dist. I have created a template on JSReportOnline and trying to render the report in the application.

jsreport.serverUrl = 'https://aarfid.jsreportonline.net/api/report';

At this line I get an error that jsreport is undefined. I have imported the jsreport module as, however i am not sure whether its a correct way or not.

import { jsreport } from 'jsreport-browser-client-dist/jsreport';

Reply to jsreport-browser-client-dist and Angular 4 on Tue, 29 May 2018 14:59:26 GMT

bjrmatos — Tue, 29 May 2018 14:59:26 GMT

hi! hmm it depends on how your application (or more specifically the bundler in your app) treat modules that are required.

does it work with one of the following?

import jsreport from 'jsreport-browser-client-dist/jsreport';
const jsreport = require('jsreport-browser-client-dist/jsreport');

in the worst case you should have the jsreport available in window.jsreport if none of the above methods works

Reply to jsreport-browser-client-dist and Angular 4 on Invalid Date

vkszn — Invalid Date

Can you point me to a working example. I couldn't get it to work. Still getting
TypeError: Cannot set property 'serverUrl' of undefined

Reply to jsreport-browser-client-dist and Angular 4 on Tue, 29 May 2018 16:14:35 GMT

bjrmatos — Tue, 29 May 2018 16:14:35 GMT

i don't have a specific example that shows usage of browser-client-dist inside angular but using const jsreport = require('jsreport-browser-client-dist/jsreport'); seems to work

live example that at least shows jsreport-browser-client-dist is defined in angular project: https://codesandbox.io/s/1rr3vkwxvj

did you tried that?

Reply to jsreport-browser-client-dist and Angular 4 on Invalid Date

vkszn — Invalid Date

thanks it worked