Libraries not found (404 error)

[yamilelias]

Following the column chart image example in the documentation, I tried to make it works in a React project. I have included the AmCharts through npm install and then imported it to file.

import React from 'react';
import 'amcharts3';
import 'amcharts3/amcharts/serial';
import 'amcharts3/amcharts/themes/light';
import 'amcharts3/amcharts/plugins/export/export.min';
import 'amcharts3/amcharts/plugins/export/export.css';
import AmCharts from '@amcharts/amcharts3-react';

The problem is that it seems that the other libraries aren't found:

Importing them to try to solve the problem didn't worked:

import 'amcharts3/amcharts/plugins/export/libs/fabric.js/fabric.min';
import 'amcharts3/amcharts/plugins/export/libs/FileSaver.js/FileSaver.min';
import 'amcharts3/amcharts/plugins/export/libs/jszip/jszip.min';
import 'amcharts3/amcharts/plugins/export/libs/pdfmake/pdfmake.min';

[amcharts]

New comment from Zendesk by Anthony Piris on ticket 33972. (replying here will automatically notify amCharts support agent)

Hi there,

Our recommendation is to use <script> tags when including the AmCharts libraries for the reasons linked here. The export plugin in particular requires script tags due to how it loads its dependencies, which doesn't work in a modern JS dev setup.

You can try setting autoLoad to false in the export plugin settings to see if that helps when using import, but if that doesn't work, then try going the script tag route.

Best,

Anthony Piris amCharts

[yamilelias]

I think you should include this information on docs. I read the reasons listed on the link you sent but I think is better if are added directly to the README.md of the project and into the website to avoid other developers stuck in this error and lose time.

[amcharts]

New comment from Zendesk by Anthony Piris on ticket 33972. (replying here will automatically notify amCharts support agent)

Hi there,

Noted. I'll work with the team to add the reasons but the readme instructions do specifically state to use script tags to load the AmCharts libraries in step 2.

Best,

Anthony Piris amCharts

[amcharts]

New comment from Zendesk by Anthony Piris on ticket 33972. (replying here will automatically notify amCharts support agent)

Correction - step 3, not step 2.

Also note that the examples also use script tags.