LHS
@LHS

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

VisualStudioCodeでブラウザが立ち上がらない。

解決したいこと

 VisualStudioCodeでブラウザが立ち上がりません

VisualStudioCodeで
index.htmlのフォルダーの下にscriptsフォルダーを設けてyear.jsファイルを置きました。

メニューバー 実行 デバッグの開始で

chrome を選択

 ブラウザが立ち上がらないのです。

===== ブラウザは以下の通り表示 =====

このサイトにアクセスできません

Localhostで接続が拒否されました。

次をお試しください
 ・接続を確認する
 ・プロキシとファイアオールを確認する
ERR_CONNECTION_REFUSED

===== ブラウザの表示 ここまで =====

上記の プロキシとファイアオールを確認する をクリック

===== ブラウザは以下の通り表示 =====

1.インターネット接続を確認してください

2.ケーブルを確認し、使用しているネットワーク デバイス(ルーター、モデムなど)を 再起動してください。

ファイアウォールやウイルス対策の設定で、Chrome からネットワークへのアクセスを 許可します。
ネットワークへのアクセスを許可されたプログラムとして既に表示されている場合は、 いったんリストから削除し、もう一度追加してみてください。

3.プロキシ サーバーを使用している場合…
プロキシの設定を確認するか、ネットワーク管理者に問い合わせて、プロキシ サーバーが正常に 動作しているかどうかを確認してください。

プロキシ サーバーを使用していない場合は 次の方法をお試しください。
 このオプションを無効にするには: Chrome メニュー > 設定 > 詳細設定を表示… > プロキシ設定の変更… > [LAN の設定] の順に移動して、[LAN にプロキシ サーバーを使用する] チェックボックスをオフにします。

===== ブラウザの表示 ここまで =====

自分で試したこと

1.インターネット接続を確認してください
確認しましたが接続されています。

2.ケーブルを確認し、使用しているネットワーク デバイス(ルーター、モデムなど)を 再起動してください。
 ケーブルを確認しルーターとモデム再起動しました。

3.ファイアウォールやウイルス対策の設定で、Chrome からネットワークへのアクセスを 許可します。
 アクセス

解決

{
 // IntelliSense を使用して利用可能な属性を学べます。
 // 既存の属性の説明をホバーして表示します。
 // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
 "version": "0.2.0",
 "configurations": [
  {
   "type": "chrome",
   "request": "launch",
   "name": "localhost に対して Chrome を起動する",
   "url": "http://localhost:8080",
   "webRoot": "${workspaceFolder}"
  }
 ]
}
// IntelliSense を使用して利用可能な属性を学べます。
 // 既存の属性の説明をホバーして表示します。
 // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
 "version": "0.2.0",
 "configurations": [
  {
   "type": "chrome",
   "request": "launch",
   "name": "localhost に対して Chrome を起動する",
      "url": "http://localhost:5500/",
      "webRoot": "${workspaceFolder}"
  }
 ]
}

上記のようにしただけで一度だけ解決しました。

2023.09.15 下側に以下のコメントがありました。

Note: Using the "preview" debug extension
crbug/1173575, non-JS module files deprecated.

previewに関するものを色々入れてみました。

Preview v0.4.1 Rahul Kadyan
preview v1.3.0 Meng-Yuan Huang
Preview v2.2.5 Haixin Chen
HTML Preview v1.0.0
Preview A Markdown

どれか入れたら メニューバー(ファイル、編集、選択、表示、移動、実行、ターミナル、ヘルプ)が表示された。 2023.09.15

HTML Preview v0.2.5
Debug Launcher v2.1.0
Launch VSVode

ここまで入れてみましたが。
ブラウザが立ち上がるようになりません。

0

2Answer

そのChromeを起動する設定はローカルサーバーを開くためのものです.Live Serverでも何でもいいのでローカルサーバーを用意して,カレントディレクトリで起動してください.

DOMを操作するくらいなら必要ないと言えばないものですが,ESmoduleやfetchなどCORSポリシーが適用されたり,安全なコンテキストを要求される機能をテストする場合はローカルサーバーが必要になります.

0Like

Comments

  1. @LHS

    Questioner

    今までは動いていましたがChromeもEdgeも動いていました。
    急に動かなくなり苦戦しています。

    ローカルサーバーを用意して,カレントディレクトリで起動
    C:ドライブにdataフォルダーを作ってそのなかにjsbookフォルダを作って動かしています。

index.htmlのフォルダーの下にscriptsフォルダーを設けてyear.jsファイルを置きました。

「year.jsファイル」というのが何だか分かりませんが、それの影響でブラウザが立ち上がらないと言ってますか? そうではなくて、外部 js ファイル、css ファイル一切無しの html ファイルだけでもダメなのですか?

0Like

Comments

  1. @LHS

    Questioner

    ありがとうございます。
    VSCodeを使うとindex.htmlファイルだけで立ち上がらずダメです。
    index.htmlファイルをクリックすれば正常に動きます。すなわちyear.jsも動くということです。

Your answer might help someone💌