ng2-charts: Chart not showing using Angular2 RC1 in CLI project

I’m having trouble integrating ng2-charts into a CLI project. After spending hours trying to use charts in a CLI project, I finally got it integrated and it builds/runs without errors, but the graph doesn’t show up. I can see that the directive is getting rendered (there’s a <canvas> element within the base-chart element), but it’s all empty.

I took the following steps:

• Created a new project (named dependencies) using ng new dependencies

• Followed the installation instructions for ng2-charts, i.e., executed npm install ng2-charts --save npm install chart.js --save and added a script reference to the index.html (<script src="vendor/chart.js/dist/Chart.min.js"></script>)

• Adjusted the angular-cli-build.js to copy the npm files into the dist directory:

  vendorNpmFiles: [ … ‘chart.js/dist/Chart.min.js’, ‘ng2-charts/*/.js’ ]

• Adjusted the system.config.js in order to map the name ‘ng2-charts’ to the respective vendor directory and the package name ng2-charts to it’s main file.

  const map: any = { ‘ng2-charts’: ‘vendor/ng2-charts’ }; /** User packages configuration. */ const packages: any = { ‘ng2-charts’: { main: ‘bundles/ng2-charts.min.js’
  }
  };

• Copied the ts code/html from the line chart example (http://valor-software.com/ng2-charts/)

Anyone knows the issue or has a project using Angular2 CLI with ng2-charts integrated? I uploaded the code to https://github.com/thorstenschaefer/dependencies. All changes from the newly created CLI project can be seen here: https://github.com/thorstenschaefer/dependencies/commit/8169b429d37b72bb9e8718b76d27c258602d1c07