【发布时间】:2020-08-30 13:02:42
【问题描述】:
我正在结合 Vue 学习 Laravel,并安装了 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,运行 .\node_modules\.bin\browser-sync start --proxy localhost:8000 --no-notify --cwd 'C:\WEB\project_folder' -f 'public'
在此期间,我没有更新 Node、npm 或操作系统。我唯一安装的是游戏 Valorant,它安装了一些花哨的反作弊服务,但我禁用了该服务。
我试过了:
- 多个浏览器和设备
- 切换启动服务器和 Browsersync 的顺序
- 开发文件夹在另一个分区上,我最近将它移动到 C: 所以我尝试将项目移动到以前的位置
- 认真思考生命的意义 :)
我想下次我会使用Docker来拥有一个隔离的环境。
我被难住了。有任何想法吗?有没有人遇到并解决过这个问题?
【问题讨论】:
标签: node.js windows browser-sync