Chromeでlocalhost:3000にアクセスできない。

Question

前提・実現したいこと

Angular開発を行っており、クイックスターターを利用しています。
npm startで画面を起動させたいです。

発生している問題・エラーメッセージ

Visual Studio Codeのターミナルでnpm startと打つと[Browsersync] Reloading Browsers...で止まってしまい、
ChromeのほうにはERR_CONNECTION_TIMED_OUTと表示される。

試したこと

プロキシ設定を開き、LANの設定からプロキシサーバーの「LANにプロキシサーバーを使用する」のチェックボックスにチェックを付け、ポートは初期の80のままにし、「ローカルアドレスにはプロキシサーバーを使用しない」のチェックボックスにチェックを付けてOKをクリックした。

localhostを127.0.0.1にしてもアクセスできませんでした。
hostsの127.0.0.１がコメントアウトになっていたので、コメントアウトを外しましたが、アクセスできませんでした。

Comments

[退会済みユーザー]

http://127.0.0.1:3000 でアクセスはしてみましたか？

Answer 1

とりあえず起動してみたいのであれば以下のようにして下さい

Node.jsは入っているみたいなのでターミナルで以下実行して下さい

$ npm install -g @angular/cli

$ ng new my-app (my-appの部分はお好きな名前で)

$ cd my-app (my-appの部分は変更したのであればご自分で付けた名前で)

$ ng serve --open

http://localhost:4200 にブラウザからアクセスすれば開けるはずです

Answer 2

公式通り作っているならばlocalhost:4200のはずです。

Answer 3

こんにちは

ご質問の回答にはなりませんが、以下コンテンツを試されてはどうでしょうか。

https://angular.jp/guide/quickstart

NodeJSは以下からインストールした後は、コンテンツ通りで動きが確認できると思います。
Node.js

ご参考までに。