3

私は浮浪者のlaravel/homesteadボックスでノードプロジェクトに取り組んでいます。すべて正常に動作し、私のホスト定義に移動すると、プロジェクトにアクセスできます/etc/hosts。

192.168.10.10 project

しかし、私は自分のプロジェクトを webpack でビルドして監視しようとしているので、webpack-dev-server をインストールして実行できます:

http://localhost:8080/
webpack result is served from /
content is served from /home/vagrant/Workspace/Kanban
404s will fallback to /index.html
[...]
webpack: bundle is now VALID.

私の問題は、ブラウザで project:8080 にアクセスしようとすると、読み込みエラーが発生することです。

vagrantの Anetstat -an | grep 8080は、ボックスがリッスンしていることを示しています。を使用してポートを転送しようとしましたhomestead.yaml

ports:
  - send: 8080
    to: 8080
    protocol: tcp

しかし、ポート フォワーディングの有無にかかわらず、エラー ページしか表示されません。

webpack ウォッチャーを機能させるにはどうすればよいですか?

4

1 に答える 1

3

わかりました、私は最終的に答えを見つけました。問題はポートではなく、開発サーバーに関するものでした。デフォルトでは、ローカルホストでのみ機能するように構成されています。解決策は、構成にルールを追加することでした:

 devServer     : {
            [...]
            , host          : '0.0.0.0'
    }

ホストを「0.0.0.0」に設定すると、dev-server がどこからでもアクセスできるようになります。つまり、「実際の」ホストにアクセスできます。GitHubの問題で説明を見つけました。引数リストが公式ドキュメントに載っていなかったのは残念です。

于 2015-11-01T20:59:18.053 に答える