Fails... npm install Wijmo

Fails... npm install Wijmo

Posted by: h3034.h3467.h1961 on 3 October 2019, 7:45 pm EST

• 

  h3034.h3467.h1961

  • Post Options:
  • Link
    Copy

  Posted 3 October 2019, 7:45 pm EST - Updated 3 October 2022, 7:07 pm EST

  Following: https://www.grapecity.com/blogs/how-to-build-electron-app-with-javascript-ui-controls

  Shall try downloading, installing and running again. Screenshot of error:
  
  

  

  1394×634 104 KB

  Am really excited about FlexGrid and would like to discover HOW to use.

• 

  h3034.h3467.h1961

  • Post Options:
  • Link
    Copy

  Posted 3 October 2019, 7:54 pm EST

  resolved… npm install wijmo (LOWERCASE)

• 

  h3034.h3467.h1961

  • Post Options:
  • Link
    Copy

  Posted 3 October 2019, 8:04 pm EST - Updated 3 October 2022, 7:07 pm EST

  The tutorial does not render the grid after following the instructions.

  

  1562×783 217 KB

  https://www.grapecity.com/blogs/how-to-build-electron-app-with-javascript-ui-controls

  Modified both index.html and renderer.js

  End result is in the screenshot above. Grid and Chart are not being rendered.

  Any suggestions greatly appreciated.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 October 2019, 1:27 am EST

  Hi,

  The issue occurs because Nodejs is not integrated into the electron app. When this tutorial was written, Nodejs was integrated into the electron app by default but this has been changed. So, to run the sample, all you have to do is update the main.js file to enable node integration:

  mainWindow = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
        preload: path.join(__dirname, 'preload.js'),
        nodeIntegration: true
      }
    })
  

  Also, the npm namespace has been changed from ‘wijmo’ to ‘@grapecity/wijmo’. So, I would highly recommend you to use this instead of wijmo. You can read about it more on the link below:

  https://www.grapecity.com/blogs/wijmo-npm-package-changes

  You may refer to the sample attached.

  electron-quick-start.zip

  Regards,
  
  Ashwin

• 

  h3034.h3467.h1961

  • Post Options:
  • Link
    Copy

  Posted 4 October 2019, 10:13 am EST

  Thank you, shall try.

• 

  h3034.h3467.h1961

  • Post Options:
  • Link
    Copy

  Posted 4 October 2019, 10:23 am EST - Updated 3 October 2022, 7:07 pm EST

  Syntax error:
  
  

  

  1569×765 109 KB

• 

  h3034.h3467.h1961

  • Post Options:
  • Link
    Copy

  Posted 4 October 2019, 10:26 am EST

  Used the file you shared and the Electron React desktop app renders the grid and chart.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 7 October 2019, 3:16 am EST

  Hi,
  
  It seems that your issue has been resolved with the shared sample in previous comments.
  
  We will try to find out the issue cause for the attached image and share as we have an update on this.

  Regards,
  
  Manish Gupta