11
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

DockerでGatsbyを使うときに「このページは動作していません」と出る問題について

Last updated at Posted at 2019-04-15

DockerにGatsbyをインストールし、 https://www.gatsbyjs.org/tutorial/part-zero/ にある通りにHello world!を出そうとしたところ、このページは動作していませんというエラーで表示が出来ませんでした。
なにこれ困る…。

CheckPoint 1

Dockerfileの適当な場所にポートを解放する設定を書きます。

Dockerfile
# Expose port
EXPOSE 8000

CheckPoint 2

docker runコマンドにホストとコンテナのポートをつなぐオプションをつけて起動します。

docker run -p 8000:8000 -it

ホスト側のポート:コンテナ側のポートの順番です。

CheckPoint 3

https://www.gatsbyjs.org/tutorial/part-zero/#view-your-site-locally のNotesにある通り、

gatsby develop --host=0.0.0.0

としてホストオプションを指定します(上記サイトで--が一つ多いのはタイポみたいです)。

これで無事に http://localhost:8000/ にホストのブラウザからアクセスしてHello worldできました。

11
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?