浏览器同步不再有效
Browsersync no longer works
我正在学习 Laravel 结合 Vue,我安装了 Browsersync 以使过程更顺畅。当我第一次安装时,它运行完美。
我的设置如下:
- Browsersync 在本地安装
npm i browser-sync --save-dev
- 项目位置:
C:\WEB\project_folder\
php -S localhost:8000 -t public
为应用程序提供服务。如果我去 localhost:8000
它按预期工作
- 在
webpack.mix.js
中添加了 mix.browserSync({proxy: 'localhost:8000', browser: "C:\Program Files (x86)\Google\Chrome Beta\Application\chrome.exe", notify: false});
npm run watch
构建和 运行 Browsersync
奇怪的是,如果我访问 localhost:3001
,Browsersync UI 工作正常,即使是从网络中的另一台设备访问。
我在创建另一个使用 Parcel 而不是 webpack/laravel-mix 进行捆绑的项目时发现它不再工作了。我在那里使用 Browsersync CLI,运行ning .\node_modules\.bin\browser-sync start --proxy localhost:8000 --no-notify --cwd 'C:\WEB\project_folder' -f 'public'
在此期间我没有更新 Node、npm 或 OS。我唯一安装的是 Valorant 游戏,它安装了一些花哨的反作弊服务,但我禁用了该服务。
我试过了:
- 多个浏览器和设备
- 切换我启动服务器和 Browsersync 的顺序
- 开发文件夹在另一个分区上,我最近将它移动到 C: 所以我尝试将项目移动到以前的位置
- 认真思考生命的意义:)
我想下次我会用Docker来隔离环境。
我被难住了。有任何想法吗?有没有人遇到并解决过这个问题?
这可能是由 Windows 引起的。我已经安装了 kb4571744,一切都恢复正常了。
我正在学习 Laravel 结合 Vue,我安装了 Browsersync 以使过程更顺畅。当我第一次安装时,它运行完美。
我的设置如下:
- Browsersync 在本地安装
npm i browser-sync --save-dev
- 项目位置:
C:\WEB\project_folder\
php -S localhost:8000 -t public
为应用程序提供服务。如果我去localhost:8000
它按预期工作- 在
webpack.mix.js
中添加了 npm run watch
构建和 运行 Browsersync
mix.browserSync({proxy: 'localhost:8000', browser: "C:\Program Files (x86)\Google\Chrome Beta\Application\chrome.exe", notify: false});
奇怪的是,如果我访问 localhost:3001
,Browsersync UI 工作正常,即使是从网络中的另一台设备访问。
我在创建另一个使用 Parcel 而不是 webpack/laravel-mix 进行捆绑的项目时发现它不再工作了。我在那里使用 Browsersync CLI,运行ning .\node_modules\.bin\browser-sync start --proxy localhost:8000 --no-notify --cwd 'C:\WEB\project_folder' -f 'public'
在此期间我没有更新 Node、npm 或 OS。我唯一安装的是 Valorant 游戏,它安装了一些花哨的反作弊服务,但我禁用了该服务。
我试过了:
- 多个浏览器和设备
- 切换我启动服务器和 Browsersync 的顺序
- 开发文件夹在另一个分区上,我最近将它移动到 C: 所以我尝试将项目移动到以前的位置
- 认真思考生命的意义:)
我想下次我会用Docker来隔离环境。
我被难住了。有任何想法吗?有没有人遇到并解决过这个问题?
这可能是由 Windows 引起的。我已经安装了 kb4571744,一切都恢复正常了。