質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

2回答

6362閲覧

Laravel MixのbrowserSyncでブラウザの自動再読み込みをしたいけどCouldn't open browserと出る

YorihiroKatsuki

総合スコア70

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2017/08/09 13:05

###前提・実現したいこと
LaravelのプロジェクトでLaravelMixのbrowserSyncを使い、ファイルを編集して保存すると自動でブラウザが再読み込みされるようにしたいのですが、npm run watchnpm run watch-pollを実行しても以下のようなエラーが発生します。

こちらのドキュメントの「Browsersyncリロード」を参考にしました。
https://readouble.com/laravel/5.4/ja/mix.html

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

[BS] Proxying: http://homestead.app [BS] Access URLs: ---------------------------------- Local: http://localhost:3000 External: http://10.0.2.15:3000 ---------------------------------- UI: http://localhost:3001 UI External: http://10.0.2.15:3001 ---------------------------------- [BS] Watching files... [BS] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)

上記のAccess URLsの部分が実際のURL(192.168.10.10)と異なるのが原因なのでは無いかと考えたのですが、このAccess URLsをどこで設定していいかドキュメントをみても分かりません。

###該当のソースコード
なお、webpack.mix.jsに書いたコードを記載します。

javascript

1mix.browserSync('homestead.app');

###試したこと
Stackoverflowを参考に、webpack.mix.jsに以下のコードを追記してみましたが同様のエラーでした。

javascript

1mix.webpackConfig({ 2 plugins: [ 3 new BrowserSyncPlugin( 4 { 5 host: '192.168.10.10', 6 port: 3000, 7 proxy: 'http://homestead.app', 8 files: [ 9 './**/*.css', 10 './app/**/*', 11 './config/**/*', 12 './resources/views/**/*', 13 './routes/**/*' 14 ], 15 watchOptions: { 16 usePolling: true, 17 interval: 500 18 }, 19 open: false 20 }, 21 { 22 reload: false 23 } 24 ) 25 ] 26})

こちらについて、
原因・対応策などお分かりになりましたらお力をお貸し頂けますと幸いです。

###補足情報(言語/FW/ツール等のバージョンなど)
・chrome:59.0.3071.115
・laravel5.4

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

YorihiroKatsuki

2017/08/10 19:09

ありがとうございます!open: "external", open: "local"を試しましたが同様のエラーになりました。(ちなみに今回はVagrant + Homesteadで作った仮装マシンを使っています)
guest

回答2

0

自己解決

Couldn't open browserの文言は出ていますが、
ブラウザを開いて、ホスト名の後に:3000と、ポート番号を記載してページを開くと、
ファイル編集時の自動再読み込みが実現出来ました。

質問に対応してくださりありがとうございました><

投稿2017/08/24 11:31

YorihiroKatsuki

総合スコア70

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

open: falseなのでブラウザが開けないというエラーが出ていますね。open: trueにしたらどうなりますでしょうか?

投稿2017/08/10 05:48

fagai

総合スコア2158

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

YorihiroKatsuki

2017/08/10 11:36

ご回答ありがとうございます! open:trueにして試して見たのですが、 やはり同様にCouldn't open browserというエラーが出てしまいます。。
fagai

2017/08/10 15:01

おそらくそれ以前の話ですね・・・。そのあたりの設定はブラウザが開けてからの話なので。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問