Vue.jsでchart.jsが入らない

内容

chart.jsが入らない。なぜ？

WARNING in ./node_modules/vue-chartjs/es/BaseCharts.js 62:32-37
"export 'default' (imported as 'Chart') was not found in 'chart.js'
 @ ./node_modules/vue-chartjs/es/index.js
 @ ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Chart.vue?vue&type=script&lang=js&
 @ ./resources/js/components/Chart.vue?vue&type=script&lang=js&
 @ ./resources/js/components/Chart.vue
 @ ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/pages/Dashboard.vue?vue&type=script&lang=js&
 @ ./resources/js/pages/Dashboard.vue?vue&type=script&lang=js&
 @ ./resources/js/pages/Dashboard.vue
 @ ./resources/js/router.js
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

実行コマンドはこちら

npm install vue-chartjs chart.js

ちゃんとchartはimportしてる。

バージョンが違うらしいので入れ直してみる

$ npm uninstall vue-chartjs
$ npm uninstall chart.js
$ npm install chart.js@2.8
$ npm install vue-chartjs@3.4.2

今度はコンパイル成功した！

参考