ActiveReportsJS compile error

Posted by: james.crosby on 31 May 2024, 1:15 am EST

    • Post Options:
    • Link

    Posted 31 May 2024, 1:15 am EST

    Hi,

    We are receiving strange error messages when compiling our project that includes ActiveReportsJS:

    Here it is the text of the error:

    ERROR Failed to compile with 1 error 1:05:29 PM

    error in ./node_modules/@grapecity/activereports/lib/node_modules/@grapecity/ar-js-pdf.js

    Module parse failed: Unexpected token (8:460555)

    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

    | * Licensed under the Commercial license

    | */

    We have a commercial licence which we pass in using Core.setLicenseKey(‘xyz’).

    Why are we getting this compile time issue?

    Many thanks

  • Posted 3 June 2024, 7:27 am EST

    Hi James,

    It would be difficult to comment upon the exact cause of the issue without actually going through a replicating sample, could you please share a minimal runnable sample that we can go through and replicate the issue on our end so we can further investigate the same?

    Thanks,

    Anand

  • Posted 5 June 2024, 3:06 am EST

    arjs-vue.zip

    Hi Anand,

    Please find attached your official ActiveReportsJS Vue sample code. To reproduce:

    • Extract the attached zip file
    • Use Node v16.20.1
    • Run yarn to install the dependencies
    • Run yarn serve and you will see this error:

      ERROR Failed to compile with 1 error 3:05:50 PM

    error in ./node_modules/@grapecity/activereports/lib/node_modules/@grapecity/ar-js-pdf.js

    Module parse failed: Unexpected token (8:460555)

    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

    | * Licensed under the Commercial license

    | */

    import{__awaiter as n,__rest as i}from"tslib";importas X from"./ar-js-pagereport";import{FontStore as P}from"./ar-js-pagereport";import K from"blob";importas d from"color-string";var p=O

  • Posted 6 June 2024, 6:49 am EST

    Hi James,

    It looks like there’s some issue with the references in your specific project. As downloading our latest Vue sample from Designer Component - Vue or creating a new sample using the steps provided in Using ActiveReportsJS Report Designer Component in Vue applications.

    If you have downloaded the project from our samples could you please share the link for the same so we can update it accordingly?

    Please find attached our working sample for the same, you may refer to/modify the same as per your use case.

    Regards,

    Anand

    vue-project.zip

  • Posted 6 June 2024, 6:59 pm EST

    Thank you Anand, I will try that.

    I got my sample Vue code from this link:

    https://github.com/GrapeCity/activereportsjs-samples

    That’s the top search result if entering this term into a search engine: “ActiveReportsJS Vue Sample”

    Many thanks,

    James

  • Posted 7 June 2024, 7:15 am EST

    Hi James,

    Thanks for sharing the same with us, we have informed the concerned team to update the samples on github.

    Regards,

    Anand

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels