Q&A
ありがとうございます！
教えていただいた方法と同じバージョンで試したところコンパイルして稼働できました。
しかし、今度はlocalhost:3000にアクセスしても何も表示されないという別の問題が発生いたしました...
話題になっている東京都 新型コロナウイルス感染症対策サイト
https://github.com/tokyo-metropolitan-gov/covid19
を動かしてみようと試しているのですが躓きました。
環境
- windows10
- virtualbox/vagrant
- node.js v10.19.0
試したこと
vagrantを利用した仮想環境上に
リポジトリをクローンしてきて
yarn install yarn dev
しましたが、以下画像のようにエラーがでてしまいます。
yarn installを再度試してみたり、yarn upgradeしてみたりしましたが未だに成功しません。
解決策がわからず困っています。
稼働できました！しかし...
nodeとyarnのバージョンを変更して試したところ正常に稼働しました！ありがとうございます。
以下成功した画像
しかし、localhost:3000にアクセスを試みたところ表示できません...
以下ホストOSからアクセスしたときに出た画面
hostPCとのポートフォワードの問題かなとも思い、vagrantfileの設定を確認したり、
以下vagrantfileの設定
python3 -m http.server 3000
で簡単なwebserverを立ち上げてホストOSからlocalhost:3000にアクセスした場合はちゃんと表示されました。
以下、簡単なサーバ立ち上げてホストOSからアクセスしたとき
何度も申し訳ありませんが原因がわかる方いましたら助けていただきたいです。
ホストとポートを変更してみましたが...
ホストとポートを変更してみました。
package.jsonでHOST=0.0.0.0 PORT=3000を追記しました。
Listening onの表示も http://10.0.2.15:3000/と変わりました。
しかし、
こちらは変わらずアクセスできませんでした...
ゲストOSからcurlコマンド打った場合
ゲストOSから直接curlコマンドでアクセスした場合、以下画像のようにいろいろログが出てきました。アクセスに成功していそうです。（地域情報が載っているため、その箇所はオレンジで隠しました）
virtualboxのネットワーク設定をbridgedにしたらアクセスできました！
virtualboxのネットワーク設定をbridgedにしました。
仮想環境を再起動させ、ホストとポートを設定した状態で「yarn dev」を実行し、
http://ゲストip:3000へアクセスしてみたところ
アクセスできました！皆様ありがとうございました。
回答2件
0
yarn devで開発サーバーが立ち上がるので、
vagrantは不要だと思います。
投稿2020/04/29 15:13
退会済みユーザー
総合スコア0
0
ベストアンサー
こちらの環境で試してみました。
こちらの環境
>node --version v12.16.2
>yarn --version 1.22.4
実行結果
Server、Client とも Compile は異状なく終了しました。
http://localhost:3000/ にアクセスし、表示されることも確認しました。
気になったこと
貴殿の node のバージョンが、LTS より古いバージョンであることが気になりました。
投稿2020/04/29 14:25
編集2020/04/29 14:28
総合スコア1773
covid19 を Vagrant でアクセスしているゲストOSで起動していて、ホスト OS のブラウザーで localhost:3000 にアクセスしている状況でしょうか。もし、この状況であれば、ポート転送の設定などが必要であると思います。
また、何も表示されないというのは、ブラウザーのエラーも表示されていないということでしょうか。
＞covid19 を Vagrant でアクセスしているゲストOSで起動していて、ホスト OS のブラウザーで localhost:3000 にアクセスしている状況でしょうか。
はい。その通りです。
>この状況であれば、ポート転送の設定などが必要であると思います。
ポートフォワードの設定は行ったのですが、それ他にも何かやり忘れていることがあるのでしょうか。
> 何も表示されないというのは、ブラウザーのエラーも表示されていないということでしょうか。
このサイトにアクセスできませんといった文言が出ます。
質問内容に画像を添付いたしました。
画像を見ると、Listening on: http://localhost:3000/ となっていますが、これはlocalhost/TCPポート3000番へのアクセスのみ受け付ける設定になっていることを示しているはずです。
外部からの接続を受け付けるためには、http://<ANYアドレス>0.0.0.0:3000 とか、http://<サーバーのIPアドレス>:3000/ のような設定になるようにしてください。https://ja.nuxtjs.org/faq/host-port/
ありがとうございます！
ご教授いただいた方法を試してみましたがアクセス成功まではできませんでした..
ゲストOSの中で curl とかでアクセスした時にどうなるのか見てみたいですね。
「10.0.2.15 からの応答時間が長すぎます」のエラー画像があり、10.0.2.xでアクセスしていることが見て取れます。VirtualBoxのネットワーク設定のせいかもしれません。NATになっていませんか。「Bridged Adapter」にしてためしてみてください。
> ゲストOSの中で curl とかでアクセスした時にどうなるのか見てみたいですね。
ゲストOSではちゃんとアクセスできていそうでした。投稿内容に結果を追記しました。
>「Bridged Adapter」にしてためしてみてください。
bridged adapterにしてみたところ、ホストOSからもアクセスできました！
皆様ありがとうございました。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/30 13:09