Uncaught SyntaxError: Unexpected token import

[netcon]

Hi,

I’m getting a “Uncaught SyntaxError: Unexpected token import”-error when I import CanvasJS in my react project.

I import it via import CanvasJS from 'canvasjs'

The console says thats the part where the error occurs:

import Charts from '../core/charts';

[Vishwas R]

[UPDATE]

We have released React Component for Charts using which you can build charts in react way. Please refer to this blog post for release note.

@netcon,

Adding type=”text/babel” to the src attribute of script tag should work fine. Please refer this stackoverflow thread for more information.

If you are still facing issue, kindly create sample project reproducing the issue you are facing and share with us over Google-Drive or Onedrive so that we can run it locally to understand the scenario better and help you out.

Also please take a look at this JSFiddle for an example on rendering Column Chart using ReactJS.

—
Vishwas R
Team CanvasJS

• This reply was modified 3 years, 9 months ago by Vishwas R.

[Indranil]

@netcon,

We have just released v2.1 with module import/export with which you can easily integrate front-end framework like React, Angular, Vuejs, etc. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.

___________
Indranil Deo,
Team CanvasJS