如何解决Browsersync IDE 错误“无法打开浏览器如果您在无头环境中使用 BrowserSync,您可能希望将打开选项设置为 false”
我被困在本课程的第 19 课 - https://javascript30.com/ - 它使用 Browsersync 提供对网络摄像头的访问。
这些是我正在处理的文件:https://github.com/wesbos/JavaScript30/tree/master/19%20-%20Webcam%20Fun
运行 npm install
后,我在尝试运行包含 Browsersync 的包时遇到此错误,但以下 URL 均不适合我:
~/JavaScript30-master/JavaScript30-master/19 - Webcam Fun/ $ npm start
> gum@1.0.0 start /home/ubuntu/JavaScript30-master/JavaScript30-master/19 - Webcam Fun
> browser-sync start --server --files "*.css,*.html,*.js"
[Browsersync] Access URLs:
---------------------------------------
Local: http://localhost:3000
External: http://192.168.35.240:3000
---------------------------------------
UI: http://localhost:3001
UI External: http://192.168.35.240:3001
---------------------------------------
[Browsersync] Serving files from: ./
[Browsersync] Watching files...
[Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment,you might want to set the open option to false)
自从在运行 64 位的戴尔笔记本电脑上的 Chrome [版本 91.0.4472.77(官方构建)(64 位)] 中执行 an IDE 以来,我一直在使用 Harvard's CS50 course Windows 10 企业版。还尝试使用 Brave [Version 1.25.70 Chromium: 91.0.4472.77 (Official Build) (64-bit)]。
我检查了 Browsersync docs,搜索了网络、YouTube 和 Browsersync Slack,并查看了以下内容:
- Browser-sync Cannot GET /
- browser-sync not working with single page application
- BrowserSync Gulp doesn't open in Chrome
- Browsersync "browser" option in Ubuntu 16.04
- BROWSER SYNC headless environment ERROR
- https://github.com/BrowserSync/browser-sync/wiki/Working-with-a-Config-File
我对编码还是很陌生,突然觉得我的深度很不够!
感谢任何帮助。
谢谢!
解决方法
CS50 IDE 提供“基于云的 Ubuntu 环境”,但这意味着根据您看到的浏览器同步输出的“localhost”不是您的 localhost ― 它是该云环境的本地主机。
(“外部”直接 IP 访问也将不正确,因为它引用了您的计算机未连接到的本地网络。)
IDE 可能会为您提供一种访问以这种方式运行的服务器的方法,但我怀疑更简单的方法是直接在本地计算机上运行 start
脚本。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。