質問: ### 前提・実現したいこと はじめまして、独学で自分のHPをつくっている者です 周りにプログラミングをしている人がいないので、 どうかお力添えをよろしくお願いいたします。 jQueryをつかって画像ポップアップの動きをしたいのですが そもそも読み込まれていないようです。 ### 発生している問題・エラーメッセージ ``` WebSocket connection to 'ws://localhost:8125/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED createWebSocket @ VM9:1047 と Uncaught ReferenceError: jquery is not defined at gallery.js:1 (anonymous) @ gallery.js:1 ``` が表示され、.jsのファイルを開いてみたところ ### 該当のソースコード ``` $(function(){ ``` という一番最初に赤バツがついていました... ### 試したこと jQueryはダウンロード版(jquery-3.6.0.min.js)で 内に を記述、 内最下部に外部ファイル(gallery.js)を読み込ませる を記述しています。 あっているでしょうか? サイトはサーバーにアップロードしておらず、ローカル(?)な状態でChromeでBracketsを使ってかいたものをプレビューしています。 ネットに上がっているエラー時の対処法をあれやこれやしても消えません。 前者のエラーに関してはさっぱりわかりません。 どうか2つのエラーの意味を教えてください>< ### 補足情報(FW/ツールのバージョンなど) Bracketsはリリース 1.14 ビルド 1.14.2-17770 (release-1.14.2 f71f00acc) ここにより詳細な情報を記載してください。
回答: 今回私がだしたエラーですが ●・jsで動かしたいhtmlにリンクしている、全てのhtmlページのにjQuery本体 を記入したところ、エラーがなくなりました。 他のhtmlページはjsを必要とする箇所がないので書かなくていいものと思っておりましたし「全部にかこう!」とか記述しているサイトが1つもないので定かではありませんが、いちおうその方法で解決しました。 ●WebSocketはサイトへの入口がないよ、という意味だったみたいでサーバーと契約し、接続したところエラーはなくなりました。ローカルだったからのようです。 ●ちなみにVisual Studio Code(以下VSC)を使用してコードを書いていましたがVSCでのプレビュー機能ではクリックもjsも動きません。(拡張したらできるのかな?) なのでローカル環境(サーバー契約していない個人PCのみでの環境)でプレビューする時には、Brackstsというエディタでプレビューしていました。 GoogleChromeでのプレビュー画面が開きます。(なおChromeアプリが入ってない場合はインストールから)SafariやFirefoxでもできるのかはわかりません。 無料でインストールできます。 見たいhtmlをBrackstsプレビューでした状態で、VSCで変更→保存するとBrackstsでもリアルタイムで書き換えられ、Chromeプレビュー画面で「再読み込み」すれば保存された内容が即座に反映されます。 なおBrackstsのプレビュー(電気マークみたいなの)を押してページは開いたけど真っ白で『chromeを再起動しますか』が出ている場合は、『キャンセル』→もういちど電気マークを押すと、プレビューされます。 以上が私がHPを作る上で四苦八苦した部分の備忘録です。 どなたかのお役に立てれば幸いです。