Next.jsをローカル環境で開きたい

Question

前提・実現したいこと

Next.jsで作ったページをローカル環境で、開けるようにしたいです。

Next.jsのチュートリアルを進めようと、公式サイトより以下のコードをコピペしてフォルダを作成しました。

npm init next-app nextjs-blog --example "https://github.com/zeit/next-learn-starter/tree/master/learn-starter"

そして、指示通り、nextjs-blogのディレクトリに移動して、yarn devを行いました。
しかし、http://localhost:3000 を開いても画面が表示されません。

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

Failed to load resource: net::ERR_EMPTY_RESPONSE

試したこと

デベロッパーツールでエレメントは確認することができます。

Comments

[kazto]

接続したのは、localhost3000、で間違いないですか？ 正しくは、 http://localhost:3000 です。コロンが入ります。

[rkmy]

すいません、省略して表記しておりました。
http://localhost:3000
こちらで間違いありません。

[naomina121]

`yarn next dev`でいけませんか？

[rkmy]

回答ありがとうございます。
原因はファイアウォールでした。

[naomina121]

なるほど、解決してよかったです

Answer 1

私も以前同様の現象に遭遇しました

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"

一度、こちらで試してみてください

それでもだめでしたら、チュートリアルを少し進めたところに、途中から始める用にスターターコードのダウンロードが書いてありますので、そこから始めると良いと思います。

Comments

[rkmy]

ありがとうございます！
教えてくださった方法を２つとも試してみたのですが、うまくいきませんでした。
そこで、npm run dev自体がうまくいっていないのかと思い、調べたところセキュリティソフトのファイアウォールに引っかかっていたことが判明しました。
解決の糸口になりました。ありがとうございます。

Answer 2

esetのファイアウォールに引っかかっていたのが原因でした。