ActiveCableを使用し、非同期通信でチャットができるように実装をしています。
初学者であるため、基本ができていないかもしれないのと、特にJavaScriptは知識が浅く調べても基本的な事すぎてなのか原因などが出てこないため、こちらで質問をさせていただきます。
下記のwebサイトを参考にし、実装を進めています。
【Rails6】 Action CableでSlack風チャットアプリを作成 - Qiita
の部分でjs.erbを作成し// フォームに入力した文字列を消去 document.getElementById('message_content').value = ''
の通りに記述をしたのですが、VSコード上では白文字の状態でアクティブにはなっていないようでした。
これはajaxの導入などの時点で誤っているのか、他に必要な作業が事前にあったのかわからず困っております。
手順の中でBootstrap4の導入がありましたが、同じアプリにページネーション機能を実装した際に <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
を導入し、既に設定しているCSSが崩れてしまったので、その手順はスキップしあとで自身でCSSで装飾をしようと思っていました。
ですが、チャット送信画面で以下のようなエラーも出てきており、導入をしないのでいけないのか・・?と考えているのですが、どなたかお知恵を拝借できないでしょうか。
因みにjQueryはapplication.jsに以下のように記述しております。
require('jquery')
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
どうぞよろしくお願い致します。