jQueryのエラー、websocket connection　と$is not defined　の意味

前提・実現したいこと

はじめまして、独学で自分の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）で

<head></head>内に <script type="text/javascript" src="jquery-3.6.0.js"></script> を記述、 <body></body>内最下部に外部ファイル(gallery.js)を読み込ませる <script type="text/javascript" src="gallery.js"></script> を記述しています。あっているでしょうか？サイトはサーバーにアップロードしておらず、ローカル（？）な状態でChromeでBracketsを使ってかいたものをプレビューしています。

ネットに上がっているエラー時の対処法をあれやこれやしても消えません。
前者のエラーに関してはさっぱりわかりません。
どうか２つのエラーの意味を教えてください＞＜

補足情報（FW/ツールのバージョンなど）

Bracketsはリリース 1.14 ビルド 1.14.2-17770 (release-1.14.2 f71f00acc)

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答2件

今回私がだしたエラーですが
●・jsで動かしたいhtmlにリンクしている、全てのhtmlページの<head></head>にjQuery本体

を記入したところ、エラーがなくなりました。
他のhtmlページはjsを必要とする箇所がないので書かなくていいものと思っておりましたし「全部にかこう！」とか記述しているサイトが１つもないので定かではありませんが、いちおうその方法で解決しました。

●WebSocketはサイトへの入口がないよ、という意味だったみたいでサーバーと契約し、接続したところエラーはなくなりました。ローカルだったからのようです。

●ちなみにVisual Studio Code(以下VSC)を使用してコードを書いていましたがVSCでのプレビュー機能ではクリックもjsも動きません。（拡張したらできるのかな？）
なのでローカル環境（サーバー契約していない個人PCのみでの環境）でプレビューする時には、Brackstsというエディタでプレビューしていました。
GoogleChromeでのプレビュー画面が開きます。（なおChromeアプリが入ってない場合はインストールから）SafariやFirefoxでもできるのかはわかりません。

無料でインストールできます。
見たいhtmlをBrackstsプレビューでした状態で、VSCで変更→保存するとBrackstsでもリアルタイムで書き換えられ、Chromeプレビュー画面で「再読み込み」すれば保存された内容が即座に反映されます。

なおBrackstsのプレビュー(電気マークみたいなの)を押してページは開いたけど真っ白で『chromeを再起動しますか』が出ている場合は、『キャンセル』→もういちど電気マークを押すと、プレビューされます。

以上が私がHPを作る上で四苦八苦した部分の備忘録です。
どなたかのお役に立てれば幸いです。

投稿2021/03/31 01:33

編集2021/03/31 02:01

退会済みユーザー

総合スコア0

ベストアンサー

jQueryはダウンロード版（jquery-3.6.0.min.js）で
<head></head>内に <script type="text/javascript" src="jquery-3.6.0.js"></script>

ファイル名を一致させましょう。src="jquery-3.6.0.min.js" では?

WebSocket connection to 'ws://localhost:8125/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED

createWebSocket @ VM9:1047

WebSocketのサーバが動いていないかポート8125にアクセス制限がかかっていそうです。

投稿2021/03/30 05:25

編集2021/03/30 05:25

int32_t

総合スコア20884

退会済みユーザー

2021/03/30 17:25

回答ありがとうございます！　わわ、間違えていますね！そのせいだったのでしょうか、その後いろいろ試しまして、リンクしている全てのHTMLページの<head>にjQuery本体の<script>を書いたらエラーが消えてjsが作動しました！他のリンクページはjsを必要としていないので、本当にそれが正解だったかわかりませんし、普通に最初の間違のせいかもしれませんw WebSocketはサイトへの入口がないという意味だったみたいですね！ローカルだったからでしょうか、サーバーに契約して接続したところエラーは消えました！　ありがとうございました！

行動規範の内容に同意します

あなたの回答