Adding chartjs-plugin-datalabels to Chart.js in Aurelia

Question

Got on-boarded to a new project recently. I've been trying to add the datalabels plugin to my Chart.js feature in Aurelia. I've defined the relevant dependencies in Aurelia.json after performing npm install on chartjs-plugin-datalabels:

      {
        "name": "chart",
        "path": "../node_modules/chart.js/dist",
        "main": "Chart.bundle"
      },
      {
        "name": "chartjs-plugin-datalabels",
        "path": "../node_modules/chartjs-plugin-datalabels/dist",
        "main": "chartjs-plugin-datalabels"
      },

I also reference the chart.js plugin and the chartjs-plugin-datalabels.js files in the class that uses them.

import Chart from 'chart';
import 'chartjs-plugin-datalabels';

However upon npm start I get a host of errors that express

File not found or accessible: ../../chart.js.

Not sure why this is happening.

Isaac Seah Isaac Seah · Accepted Answer · 2018-01-05T13:25:33

Solved, chart.js folder name convention was different from chart naming as specified in the aurelia.json

https://github.com/chartjs/chartjs-plugin-deferred/issues/2

Adding chartjs-plugin-datalabels to Chart.js in Aurelia

1 Answers