【学習記録】chart.jsについて

<不具合について>
グラフを表示させようとしていたのですが、なぜか表示されず困っていました。
プレビューで見てもエラーなど特にありませんでした。
解決するまでに1日ほど経過してしまいました。

写真の赤枠部分です

<原因>
検証を見てみると、エラー文がでていました。
「Uncaught ReferenceError: $ is not defined」
これは、「JavaScriptコード内で $ が定義されていない」という意味でした。
jQueryライブラリが読み込まれていないため、エラーが起きていまっていました。

<解決方法>
jQueryを読み込む必要があります。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

上記をapp/views/layouts/application.html.erbに追記することで、グラフが表示されるようになりました。

<参考>
今回、グラフを表示するために参考にさせていただいたサイトです。
https://zenn.dev/skal073/articles/d48c7877dcb9cc