React example setup error

• October 4, 2018 at 10:18 pm #22927
  
  Julian De Angelis

  I tried setting up the example from the page https://canvasjs.com/docs/charts/integration/react/
  I have my canvasjs.min.js and canvasjs.react.js in my /src/ folder and getting the following error:

  TypeError: Cannot assign to read only property ‘exports’ of object ‘#<Object>’
  Module.<anonymous>
  C:/Users/jdeangel/Documents/React-Learning/chart_sample/src/canvasjs.react.js:42
  39 | }
  40 | }
  41 |
  > 42 | module.exports = {
  43 | CanvasJSChart: CanvasJSChart,
  44 | CanvasJS: CanvasJS
  45 | };

  Any possible solutions?
  Thank you

  October 5, 2018 at 9:45 am #22928
  
  Priyanka M S

  @juliandeange,

  Can you please share a sample project over google-drive or one-drive reproducing the issue you are facing, so that we can look into your code, understand the scenario better and help you out?

  __
  Priyanka M S
  Team CanvasJS

  October 5, 2018 at 7:20 pm #22943
  
  Julian De Angelis

  Here is my App.js in the src/
  https://codepen.io/juliandeange/pen/vVKbyR

  I also have the canvasjs.react.js and canvasjs.min.js in the src/ folder

  October 8, 2018 at 9:59 am #22954
  
  Priyanka M S

  @juliandeange,

  The code that you have shared seems to be working fine. Kindly cross-check the path of the script that you have specified in your app.
  1. Save canvasjs.react.js and canvasjs.min.js within source-folder of your React application (src or src/assets or src/lib)
  2. Import canvasjs.react.js to your app. (Please specify proper path of script if you have saved it in different folder like src or src/assets or src/lib)
  import CanvasJSReact from './canvasjs.react';

  Please take a look at this sample project for an working example with proper path.
  

  __
  Priyanka M S
  Team CanvasJS