浏览器同步 IDE 错误 "Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)"

Question

我卡在了本课程的第 19 课 - https://javascript30.com/ - 它使用 Browsersync 提供对网络摄像头的访问。

这些是我正在处理的文件：https://github.com/wesbos/JavaScript30/tree/master/19%20-%20Webcam%20Fun

有运行 npm install 我在尝试运行包含以下 URL 的 Browsersync 和 none 的包时遇到此错误对我有用:

~/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)

我在 Chrome [版本 91.0.4472.77（官方构建）（64 位）] 中使用 an IDE that I've stuck with since doing Harvard's CS50 course 在 DELL 笔记本电脑上运行ning 64 位 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 headless environment ERROR
https://github.com/BrowserSync/browser-sync/wiki/Working-with-a-Config-File

我对编码还是很陌生，突然觉得自己力不从心！

感谢任何帮助。

谢谢！

Answer 1

CS50 IDE 提供“基于云的 Ubuntu 环境”，但根据您看到的浏览器同步输出，这意味着“本地主机”不是你的 localhost ― 它是那个云环境的本地主机。

（“外部”直接 IP 访问也不正确，因为它引用的是您的计算机未连接到的本地网络。）

IDE 可能会为您提供一种以这种方式访问运行ning 服务器的方法，但我怀疑更简单的路径是运行 start 直接在本地机器上编写脚本。

浏览器同步 IDE 错误 "Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)"

Browsersync IDE error "Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)"

javascript

browser

ide

headless

browser-sync