export 'default' (imported as 'Chart') was not found in 'chart.js' を解消する
バージョンによるエラーだった
結論からいうとバージョンの問題でした。
普通にvue-chart.jsを導入すると(npmを使う場合)
$ npm install vue-chartjs chart.js --save
とすると思います。
chart.jsバージョンが3.xxだと(どこからか分からないけど)、TypeScriptを使った実装になっていて、vue-chartでの読み込みに失敗していました。
エラー内容
エラー内容としてはこんな感じ
[Vue warn]: Error in mounted hook: “TypeError: chart_js__WEBPACK_IMPORTED_MODULE_0 ......
とか
export 'default' (imported as 'Chart') was not found in 'chart.js'
とかです。
解決策は
一度uninstallして、バージョン指定して再度installしなおして解決できました。
chart.jsは2.8を、vue-chart.jsは3.4.2にして問題なく動きました。
まずuninstall
$ npm uninstall vue-chartjs $ npm uninstall chart.js
再install
$ npm install chart.js@2.8 $ npm install vue-chartjs@3.4.2
※2021年6月3日 コメントでご指摘いただいた点を修正済
結構ハマった。。
