###前提・実現したいこと
LaravelのプロジェクトでLaravelMixのbrowserSyncを使い、ファイルを編集して保存すると自動でブラウザが再読み込みされるようにしたいのですが、npm run watch
やnpm 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
回答2件
あなたの回答
tips
プレビュー