TypeError: chart_js_WEBPACK_IMPORTED_MODULE_0_.default is not a constructor
こんなメッセージが出てくる。なんでやねん！グラフ出したいだけなんですけど？！
https://reffect.co.jp/vue/nuxt-js-vue-chartjs-easy-to-use
こことかを参考にやってんだけどなぁ・・・
なんでこう記事では簡単に導入できてんのに、自分のときはエラーが出るんだ～！！って毎回思うｗ
解決の際に参考したサイト
https://zenn.dev/kigi/scraps/f8c72302c0f84e
https://stackoverflow.com/questions/66940954/why-does-nuxt-give-me-this-error-with-vue-chartjs
解決策
package.jsonのchart.jsのバージョンを2.9.4に書き換える
package.json
"dependencies" : {
"chart.js": "^2.9.4", //このバージョンに書き換える
...
"vue-chartjs": "^3.4.0",
...
}
.nuxtとnode_modulesとpackage-lock.jsonを削除
一旦上記のフォルダを削除
node install を実行
$ node install
実行後にnode_modulesとpackege-lock.jsonが作成される
yarn devを実行
$ yarn dev
このタイミングで.nuxtが作成される。
上記の手順で何故かうまくいきました。
どこが要だったのかよくわかりませんが、chart.jsのバージョンの変更は間違いなく必須だと思います。
↧