Vue

chartjsが使えない?'Module parse failed Unexpected token'を解決する方法

いつもご利用ありがとうございます。このブログは、広告費によって運営されています。

オススメ本
Web技術を勉強するなら、かなりオススメの雑誌です。毎月新しい発見があります。ついに最終号・・・、みなさん買いましょう!!
読んで損することはない名著。命名で悩むことが多い人はこの本がオススメです。

⇨ Laravel 記事の目次はこちら

Vue で Chartjs を使おうとした時、

npm install chart.js
というコマンドを打ったら、ERROR in ./node_modules/chart.js/dist/chart.esm.js Module parse failed: Unexpected token (6813:12)

というエラーが発生しました。

ちくしょーーー!

⇨Vue+Vuetifyのオススメ動画教材

結論

Chart.js のバージョンが Vue のバージョンと合っていませんでした

僕の場合は、Vue2 を使っていたので、

npm install chart.js@2.9.4

を打てば動きました!やったぜ!!!

まとめ

npm のバージョン問題が原因でした!

感想や記事の誤りについては Twitter から DM していただければと思います!

それでは!