BROWSER SYNC无头环境错误

时间:2017-06-08 10:17:09

标签: angularjs node.js npm browser-sync npm-start

所以我刚开始学习Angular 2并在git bash上运行npm install命令并打开我的文本编辑器后,我试图运行npm start命令来启动typescript和lite服务器。一切顺利,直到此错误出现[1] [BS] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)且浏览器无法打开。这是它的外观 `

$ npm start

[1] [BS] Access URLs:
[1]  --------------------------------------
[1]        Local: http://localhost:3002
[1]     External: http://172.30.31.239:3002
[1]  --------------------------------------
[1]           UI: http://localhost:3003
[1]  UI External: http://172.30.31.239:3003
[1]  --------------------------------------
[1] [BS] Serving files from: ./
[1] [BS] Watching files...
[1] [BS] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)
`  

我使用的是Windows 8 64位操作系统,Chrome是默认浏览器

相关问题https://stackoverflow.com/a/42845813/8130472已得到解答,并建议将C:\ Windows \ System32添加到系统变量中,但我不知道该怎么做。

此外,在此链接上,https://forums.bignerdranch.com/t/browser-sync-couldnt-open-browser/10936/4另一个建议是添加--browser"chrome.exe"(Windows)。这也不起作用。

有什么建议吗?还是解决方案?

7 个答案:

答案 0 :(得分:3)

因此,当我继续浏览时,我在此网页https://gist.github.com/Kenty/9096000/revisions上找到了解决此问题的线索,这暗示了我可以从错误消息中找到打开选项的位置。我决定在我的电脑上搜索"bs.config.js",我在我的角文件夹下的default.config.js文件夹中找到一个名为\Template\node_modules\browser-sync\lib的文件,当我搜索文件时,我终于找到了打开的选项并改变了&#34; local&#34;的开放选项。 (这是默认选项)为false(注意,它没有引号),当我再次运行npm start命令时,在git-bash终端上它运行了,没有更多的错误。< / p>

答案 1 :(得分:1)

添加浏览器属性,例如使用firefox:firefox:'-browser "firefox.exe"'

browserSync.init({
    server: "./src",
    firefox: '-browser "firefox.exe"'
}

答案 2 :(得分:0)

  

回答了一个相关问题https://stackoverflow.com/a/42845813/8130472,并建议将C:\ Windows \ System32添加到系统变量中的选项,但我不知道该怎么做

关于添加系统变量,您可以转到“此PC”属性,然后转到左侧的“高级系统设置”,然后在底部看到“环境变量”。您将看到列出的Path变量双击并复制粘贴到路径上方,即C:\ Windows \ System32

重新启动后,这确实解决了我的browsersync问题。

答案 3 :(得分:0)

我尝试了此命令,并且对我有用:>浏览器同步启动--server-浏览器“ chrome.exe”-目录-文件“ *”

答案 4 :(得分:0)

您必须在Visual Studio中更改Packages.congig文件中的内容

{

"port": 3000,

"server": {

"baseDir": "."

},

"browser": ["chrome"]

}

它在我的计算机上正常工作,您应该立即尝试

答案 5 :(得分:0)

我也有同样的问题。

打开您喜欢的浏览器,然后在搜索栏中显式编写上面刚刚提到的本地访问URL ,该错误是您在诸如 localhost:3002 的命令提示符中遇到的。您可能在那里有端口号,例如3000或3001。按下Enter键,Browsersync将被连接并执行index.html。

我希望这也对您有用!

答案 6 :(得分:0)

只需以管理员身份运行 cmd 即可解决问题