“export ‘default’ (imported as ‘Chart’) was not found in ‘chart.js’を解決する

こんにちは、ゆうき（@RubyPHP2）です。

このブログでは、Webエンジニアである僕自身の体験をもとに、プログラミングについてのノウハウを発信していきます。

今回はlaravel × Vue環境でchart.jsをインストールした時にエラーが発生したので、解決方法を記述していきます。

当ブログでも使用しています！

エラー発生の背景

公式に記述されている通り、chart.jsをインストールしました。

$ npm install vue-chartjs chart.js --save

公式ページ

実際に使ってみるとエラーが発生しました。

"export 'default' (imported as 'Chart') was not found in 'chart.js'

Error in mounted hook: "TypeError: chart_js__WEBPACK_IMPORTED_MODULE_0

エラー解決方法

原因はインストールしたchart.jsのバージョンにあったようです。

最新のバージョンだとうまくいかないようです。

そのため、アンインストールして再度インストールし直します。

$ npm uninstall vue-chartjs
$ npm uninstall chart.js

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

まとめ

ライブラリはバージョンによって動かないことはよくあるので、バージョンを指定してインストールする方がいいかもしれませんね。

こちらの記事が大変参考になりました。

vuecliでvue-chart.jsを入れたらエラーになったので解消する

今回の記事が少しでも参考になれば幸いです。

最後まで読んで頂き、ありがとうございました。

ではまた◎

当ブログでも使用しています！