progate node.jsでlocalhost:3000に接続できません。

Question

・app.js

const express = require('express');

const app = express();

app.get('/', (req, res) => {
res.render('hello.ejs');
});

app.listen(3000);

・views/hello.ejs

<h1>Hello World</h1>

Hello world　とlocalhost:3000に出るはずなのですが、まず接続されないので解決方法があれば教えていただきたいです。

Comments

[hoshi-takanori]

接続されないというのは、node のサーバーが動かないということでしょうか？ それとも、ブラウザでアクセスした時にエラーが出ますか？

[vardy.9]

プラウザで接続が拒否されましたとでます。

[hoshi-takanori]

ファイアーウォールかも。

[vardy.9]

ファイヤーウォール見てみたんですけどオフになってました。

[hoshi-takanori]

node のサーバーはどうやって動かしてますか？ その際、エラーメッセージとか出てませんか？

[vardy.9]

atomというエディタを使用しています。

Answer 1

開いているブラウザ(Chrome,firefox,edge)ではなくprogateのページ上にあるブラウザタブ(ターミナルタブの右)をクリックしてlocalhost:3000を入れるという意味だと思います。

御自身のブラウザでlocalhost:3000開くにはコマンドプロンプトからサーバーを立ち上げる記述を行った.jsファイルを実行する必要があるはずです。そのため、サーバーが立ち上がっていないページを表示しようとしてエラーが出ているものと思われます。

Comments

[vardy.9]

回答ありがとうございます！progateのページ上にあるプラウザタブはどこにありますか？

[退会済みユーザー]

エディタ、ターミナル、ブラウザの3つのタブがございませんか？
画面上部の自分のアイコンが表示されている1行下あたりでしょうか。
私はWindows10のChromeで表示しているので差異が生じているかもしれません。

[vardy.9]

自分でプラウザを開いてと書いてあるのでちがうかもしれません。
atomのapp.jsの保存がされてなくて、保存したらアクセスできました！
アドバイスありがとうございました！